:root {
    --jtii-navy: #0b213d;
    --jtii-navy-2: #122d4f;
    --jtii-gold: #c2a36b;
    --jtii-cream: #f7f5f0;
    --jtii-white: #ffffff;
    --jtii-text: #17202b;
    --jtii-muted: #6b7280;
    --jtii-line: #e6e8eb;
    --jtii-radius: 18px;
    --jtii-width: 1280px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--jtii-white);
    color: var(--jtii-text);
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    line-height: 1.6;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.jtii-container {
    width: min(
        calc(100% - 48px),
        var(--jtii-width)
    );
    margin-inline: auto;
}


/* HEADER */

.jtii-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background:
        rgba(255,255,255,.96);
    backdrop-filter: blur(14px);
    border-bottom:
        1px solid rgba(11,33,61,.08);
}

.jtii-header-inner {
    width: min(
        calc(100% - 48px),
        var(--jtii-width)
    );
    height: 82px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 32px;
}

.jtii-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: auto;
}

.jtii-brand-mark {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    background: var(--jtii-navy);
    color: #fff;
    font-weight: 800;
    letter-spacing: .08em;
}

.jtii-brand-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.jtii-brand-copy strong {
    color: var(--jtii-navy);
    font-size: 14px;
}

.jtii-brand-copy small {
    color: var(--jtii-muted);
    margin-top: 3px;
}

.jtii-menu {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.jtii-menu a {
    color: var(--jtii-navy);
    font-size: 14px;
    font-weight: 600;
}

.jtii-header-cta {
    background: var(--jtii-navy);
    color: #fff;
    padding: 13px 20px;
    font-weight: 700;
    font-size: 13px;
}

.jtii-nav-toggle {
    display: none;
}


/* HERO */

.jtii-hero {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #07182d,
            #0b213d 65%,
            #14395f
        );
    color: #fff;
}

.jtii-hero-grid {
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image:
        linear-gradient(
            rgba(255,255,255,.3) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.3) 1px,
            transparent 1px
        );
    background-size:
        70px 70px;
    mask-image:
        linear-gradient(
            to right,
            transparent,
            #000
        );
}

.jtii-hero-inner {
    position: relative;
    z-index: 2;
    min-height: 690px;
    display: grid;
    grid-template-columns:
        minmax(0,1.15fr)
        minmax(360px,.85fr);
    gap: 70px;
    align-items: center;
}

.jtii-eyebrow {
    display: inline-block;
    color: var(--jtii-gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
    margin-bottom: 22px;
}

.jtii-hero h1 {
    margin: 0;
    max-width: 800px;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size:
        clamp(50px, 6.2vw, 88px);
    line-height: .98;
    font-weight: 500;
    letter-spacing: -.04em;
}

.jtii-hero h1 span {
    display: block;
    color: #e7d7b5;
}

.jtii-hero-content > p {
    max-width: 650px;
    margin: 30px 0 0;
    color: rgba(255,255,255,.73);
    font-size: 17px;
}

.jtii-hero-actions {
    display: flex;
    gap: 12px;
    margin-top: 34px;
}

.jtii-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    padding: 0 25px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
}

.jtii-btn-primary {
    background: var(--jtii-gold);
    color: var(--jtii-navy);
}

.jtii-btn-ghost {
    border:
        1px solid rgba(255,255,255,.25);
    color: #fff;
}

.jtii-btn-light {
    background: #fff;
    color: var(--jtii-navy);
}

.jtii-hero-stats {
    display: flex;
    gap: 42px;
    margin-top: 52px;
    padding-top: 28px;
    border-top:
        1px solid rgba(255,255,255,.15);
}

.jtii-hero-stats div {
    display: flex;
    flex-direction: column;
}

.jtii-hero-stats strong {
    font-size: 30px;
    font-weight: 500;
}

.jtii-hero-stats span {
    color: rgba(255,255,255,.55);
    font-size: 12px;
}

.jtii-hero-art {
    display: flex;
    justify-content: flex-end;
}

.jtii-hero-card {
    position: relative;
    width: min(100%, 440px);
    aspect-ratio: .79;
    background:
        linear-gradient(
            160deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.035)
        );
    border:
        1px solid rgba(255,255,255,.18);
    padding: 26px;
}

.jtii-hero-card-label {
    font-size: 10px;
    letter-spacing: .2em;
    color: rgba(255,255,255,.62);
}

.jtii-hero-building {
    position: absolute;
    inset:
        90px 45px 90px;
    display: flex;
    align-items: flex-end;
    gap: 9px;
}

.jtii-hero-building span {
    flex: 1;
    background:
        linear-gradient(
            180deg,
            rgba(194,163,107,.9),
            rgba(255,255,255,.15)
        );
    border:
        1px solid rgba(255,255,255,.14);
}

.jtii-hero-building span:nth-child(1) {
    height: 58%;
}

.jtii-hero-building span:nth-child(2) {
    height: 88%;
}

.jtii-hero-building span:nth-child(3) {
    height: 70%;
}

.jtii-hero-building span:nth-child(4) {
    height: 100%;
}

.jtii-hero-card-footer {
    position: absolute;
    left: 26px;
    right: 26px;
    bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.jtii-hero-card-footer span {
    font-size: 11px;
    color: rgba(255,255,255,.58);
}


/* SEARCH */

.jtii-search-section {
    position: relative;
    z-index: 10;
    margin-top: -42px;
}

.jtii-property-search {
    display: grid;
    grid-template-columns:
        1.5fr 1fr 1fr auto;
    gap: 0;
    background: #fff;
    box-shadow:
        0 25px 70px rgba(11,33,61,.12);
    border:
        1px solid rgba(11,33,61,.08);
    padding: 14px;
}

.jtii-property-search > div {
    padding: 6px 22px;
    border-right:
        1px solid var(--jtii-line);
}

.jtii-property-search label {
    display: block;
    color: var(--jtii-muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-bottom: 4px;
}

.jtii-property-search input,
.jtii-property-search select {
    width: 100%;
    border: 0;
    outline: none;
    padding: 7px 0;
    font-size: 14px;
    background: transparent;
}

.jtii-search-button {
    border: 0;
    background: var(--jtii-navy);
    color: #fff;
    padding: 0 30px;
    font-weight: 800;
    cursor: pointer;
}


/* GENERAL */

.jtii-section {
    padding: 110px 0;
}

.jtii-section-heading {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    align-items: flex-end;
    margin-bottom: 48px;
}

.jtii-section-heading > div > span,
.jtii-cta span {
    color: var(--jtii-gold);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .17em;
}

.jtii-section-heading h2,
.jtii-japan-section h2,
.jtii-cta h2 {
    margin:
        10px 0 0;
    max-width: 650px;
    color: var(--jtii-navy);
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size:
        clamp(36px, 4vw, 56px);
    line-height: 1.06;
    font-weight: 500;
    letter-spacing: -.03em;
}

.jtii-section-heading > p {
    max-width: 430px;
    color: var(--jtii-muted);
}

.jtii-text-link {
    color: var(--jtii-navy);
    font-size: 13px;
    font-weight: 800;
}


/* SERVICES */

.jtii-services {
    background: #fff;
}

.jtii-services-grid {
    display: grid;
    grid-template-columns:
        repeat(4,1fr);
    border-top:
        1px solid var(--jtii-line);
    border-left:
        1px solid var(--jtii-line);
}

.jtii-service-card {
    position: relative;
    min-height: 300px;
    padding: 34px;
    border-right:
        1px solid var(--jtii-line);
    border-bottom:
        1px solid var(--jtii-line);
    transition:
        transform .2s ease,
        background .2s ease;
}

.jtii-service-card:hover {
    background: var(--jtii-navy);
    color: #fff;
    transform: translateY(-4px);
}

.jtii-service-card > span {
    color: var(--jtii-gold);
    font-size: 12px;
}

.jtii-service-card h3 {
    margin: 60px 0 12px;
    font-family:
        Georgia,
        serif;
    font-size: 24px;
    font-weight: 500;
}

.jtii-service-card p {
    color: var(--jtii-muted);
    font-size: 14px;
}

.jtii-service-card:hover p {
    color: rgba(255,255,255,.65);
}

.jtii-service-card strong {
    position: absolute;
    bottom: 32px;
    font-size: 12px;
}


/* PROPERTY */

.jtii-featured {
    background: var(--jtii-cream);
}

.jtii-property-grid {
    display: grid;
    grid-template-columns:
        repeat(3,1fr);
    gap: 26px;
}

.jtii-property-card {
    background: #fff;
    border:
        1px solid rgba(11,33,61,.07);
}

.jtii-property-image {
    position: relative;
    display: block;
    aspect-ratio: 1.35;
    overflow: hidden;
    background: #e9ecef;
}

.jtii-property-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform .45s ease;
}

.jtii-property-card:hover
.jtii-property-image img {
    transform: scale(1.035);
}

.jtii-property-no-image {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background: var(--jtii-navy);
    color: rgba(255,255,255,.25);
    font-size: 48px;
    font-weight: 900;
}

.jtii-property-badges {
    position: absolute;
    top: 14px;
    left: 14px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.jtii-property-badges span {
    background:
        rgba(11,33,61,.93);
    color: #fff;
    padding: 6px 10px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
}

.jtii-property-content {
    padding: 24px;
}

.jtii-property-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--jtii-gold);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.jtii-property-meta span {
    width: 3px;
    height: 3px;
    background: var(--jtii-gold);
    border-radius: 50%;
}

.jtii-property-content h3 {
    margin: 13px 0 8px;
    color: var(--jtii-navy);
    font-family: Georgia, serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.28;
}

.jtii-property-location {
    min-height: 44px;
    margin: 0;
    color: var(--jtii-muted);
    font-size: 13px;
}

.jtii-property-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 22px;
    padding-top: 18px;
    border-top:
        1px solid var(--jtii-line);
}

.jtii-property-bottom strong {
    color: var(--jtii-navy);
}

.jtii-property-bottom span {
    color: var(--jtii-muted);
    font-size: 12px;
}


/* JAPAN / INDONESIA */

.jtii-japan-section {
    padding: 110px 0;
    background: var(--jtii-navy);
    color: #fff;
}

.jtii-japan-layout {
    display: grid;
    grid-template-columns:
        minmax(280px,.7fr)
        minmax(0,1fr);
    gap: 100px;
    align-items: center;
}

.jtii-japan-section h2 {
    color: #fff;
}

.jtii-japan-section p {
    max-width: 620px;
    color: rgba(255,255,255,.68);
    margin: 25px 0 30px;
}

.jtii-japan-mark {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    position: relative;
}

.jtii-japan-mark span {
    position: absolute;
    border:
        1px solid rgba(194,163,107,.45);
}

.jtii-japan-mark span:nth-child(1) {
    width: 90%;
    height: 90%;
}

.jtii-japan-mark span:nth-child(2) {
    width: 64%;
    height: 64%;
}

.jtii-japan-mark span:nth-child(3) {
    width: 38%;
    height: 38%;
    background: var(--jtii-gold);
    border: 0;
}


/* NEWS */

.jtii-news-grid {
    display: grid;
    grid-template-columns:
        repeat(3,1fr);
    gap: 26px;
}

.jtii-news-card {
    border:
        1px solid var(--jtii-line);
}

.jtii-news-card img,
.jtii-news-placeholder {
    width: 100%;
    aspect-ratio: 1.6;
    object-fit: cover;
}

.jtii-news-placeholder {
    display: grid;
    place-items: center;
    background: var(--jtii-navy);
    color: rgba(255,255,255,.24);
    font-weight: 900;
}

.jtii-news-content {
    padding: 24px;
}

.jtii-news-content time {
    color: var(--jtii-gold);
    font-size: 11px;
}

.jtii-news-content h3 {
    margin: 9px 0 18px;
    font-family: Georgia, serif;
    color: var(--jtii-navy);
    font-size: 21px;
    font-weight: 500;
}


/* CTA */

.jtii-cta {
    padding: 80px 0;
    background: var(--jtii-cream);
}

.jtii-cta-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.jtii-cta h2 {
    max-width: 800px;
    font-size: 44px;
}


/* FOOTER */

.jtii-footer {
    background: #07182d;
    color: #fff;
    padding: 80px 0 30px;
}

.jtii-footer-grid {
    display: grid;
    grid-template-columns:
        2fr 1fr 1fr 1fr;
    gap: 60px;
}

.jtii-footer h4 {
    margin: 0 0 18px;
    color: var(--jtii-gold);
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.jtii-footer a,
.jtii-footer p {
    display: block;
    color: rgba(255,255,255,.62);
    font-size: 13px;
    margin: 8px 0;
}

.jtii-footer-logo {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    background: #fff;
    color: var(--jtii-navy);
    font-weight: 900;
    margin-bottom: 20px;
}

.jtii-footer-brand h3 {
    margin: 0 0 12px;
    font-family: Georgia, serif;
    font-weight: 500;
}

.jtii-footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 60px;
    padding-top: 25px;
    border-top:
        1px solid rgba(255,255,255,.11);
    color: rgba(255,255,255,.42);
    font-size: 11px;
}


/* RESPONSIVE */

@media(max-width: 1050px) {

    .jtii-nav,
    .jtii-header-cta {
        display: none;
    }

    .jtii-nav-toggle {
        display: flex;
        flex-direction: column;
        gap: 5px;
        border: 0;
        background: none;
        padding: 8px;
    }

    .jtii-nav-toggle span {
        width: 24px;
        height: 2px;
        background: var(--jtii-navy);
    }

    .jtii-hero-inner {
        grid-template-columns: 1fr;
        padding: 100px 0;
    }

    .jtii-hero-art {
        display: none;
    }

    .jtii-services-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .jtii-property-grid,
    .jtii-news-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .jtii-japan-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .jtii-japan-mark {
        max-width: 420px;
    }

    .jtii-footer-grid {
        grid-template-columns:
            repeat(2,1fr);
    }
}

@media(max-width: 760px) {

    .jtii-container,
    .jtii-header-inner {
        width:
            min(
                calc(100% - 28px),
                var(--jtii-width)
            );
    }

    .jtii-header-inner {
        height: 70px;
    }

    .jtii-brand-copy {
        display: none;
    }

    .jtii-hero-inner {
        min-height: auto;
        padding: 80px 0 100px;
    }

    .jtii-hero h1 {
        font-size: 49px;
    }

    .jtii-hero-actions {
        flex-direction: column;
    }

    .jtii-hero-stats {
        gap: 20px;
        justify-content:
            space-between;
    }

    .jtii-hero-stats strong {
        font-size: 22px;
    }

    .jtii-property-search {
        grid-template-columns: 1fr;
        padding: 10px;
    }

    .jtii-property-search > div {
        border-right: 0;
        border-bottom:
            1px solid var(--jtii-line);
        padding: 13px;
    }

    .jtii-search-button {
        min-height: 52px;
        margin-top: 8px;
    }

    .jtii-section {
        padding: 75px 0;
    }

    .jtii-section-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .jtii-services-grid,
    .jtii-property-grid,
    .jtii-news-grid,
    .jtii-footer-grid {
        grid-template-columns: 1fr;
    }

    .jtii-service-card {
        min-height: 250px;
    }

    .jtii-japan-section {
        padding: 80px 0;
    }

    .jtii-cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .jtii-cta h2 {
        font-size: 36px;
    }

    .jtii-footer-bottom {
        flex-direction: column;
    }
}

@media(max-width:1050px) {

    .jtii-nav.is-open {
        display: block;
        position: absolute;
        top: 70px;
        left: 14px;
        right: 14px;
        padding: 22px;
        background: #fff;
        box-shadow:
            0 20px 50px rgba(11,33,61,.16);
    }

    .jtii-nav.is-open .jtii-menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }
}


/*
|--------------------------------------------------------------------------
| JTII HERO V2
|--------------------------------------------------------------------------
*/

.jtii-hero-inner {
    min-height: 590px;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(380px, .95fr);
    gap: 80px;
}


.jtii-hero h1 {
    max-width: 760px;

    font-size:
        clamp(
            48px,
            5vw,
            74px
        );

    line-height: 1.02;

    letter-spacing: -.035em;
}


.jtii-hero-content > p {
    max-width: 610px;

    font-size: 16px;

    line-height: 1.75;
}


.jtii-hero-actions {
    margin-top: 30px;
}


.jtii-hero-stats {
    margin-top: 38px;

    padding-top: 22px;
}


.jtii-hero-card {
    width: min(
        100%,
        410px
    );

    aspect-ratio: .88;
}


.jtii-search-section {
    margin-top: -34px;
}


.jtii-property-search {
    max-width: 1180px;

    margin-inline: auto;
}


@media(max-width: 1050px) {

    .jtii-hero-inner {
        min-height: auto;

        padding:
            80px 0 100px;
    }

}


@media(max-width: 760px) {

    .jtii-hero h1 {
        font-size: 46px;
    }

}


/*
|--------------------------------------------------------------------------
| JTII HERO V3 - REAL ESTATE
|--------------------------------------------------------------------------
*/

.jtii-hero-inner {
    min-height: 620px;

    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(350px, .72fr);

    gap: 72px;

    padding:
        46px 0
        82px;
}


.jtii-hero h1 {
    max-width: 780px;

    font-size:
        clamp(
            48px,
            4.35vw,
            68px
        );

    line-height: 1;

    letter-spacing: -.035em;
}


.jtii-hero-content > p {
    margin-top: 24px;
}


.jtii-hero-actions {
    margin-top: 26px;
}


.jtii-hero-stats {
    margin-top: 30px;

    padding-top: 20px;
}


.jtii-hero-art {
    align-self: stretch;

    display: flex;

    align-items: center;
}


.jtii-hero-property {
    position: relative;

    display: block;

    width: 100%;

    height: 500px;

    overflow: hidden;

    background: #132e50;

    border:
        1px solid rgba(
            255,
            255,
            255,
            .18
        );
}


.jtii-hero-property > img {
    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;
}


.jtii-hero-property-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(7, 24, 45, .12) 0%,
            rgba(7, 24, 45, .15) 38%,
            rgba(7, 24, 45, .92) 100%
        );
}


.jtii-hero-property-top {
    position: absolute;

    z-index: 2;

    top: 24px;

    left: 24px;

    right: 24px;

    display: flex;

    justify-content: space-between;

    align-items: center;
}


.jtii-hero-property-top span {
    font-size: 10px;

    font-weight: 800;

    letter-spacing: .18em;

    color: rgba(
        255,
        255,
        255,
        .78
    );
}


.jtii-hero-property-top strong {
    padding:
        6px 9px;

    background:
        rgba(
            11,
            33,
            61,
            .82
        );

    color: #fff;

    font-size: 10px;

    letter-spacing: .08em;
}


.jtii-hero-property-info {
    position: absolute;

    z-index: 2;

    left: 26px;

    right: 26px;

    bottom: 26px;

    color: #fff;
}


.jtii-hero-property-info > span {
    color: #e2c68f;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .13em;

    text-transform: uppercase;
}


.jtii-hero-property-info h3 {
    max-width: 390px;

    margin:
        8px 0
        6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;

    font-weight: 500;

    line-height: 1.15;
}


.jtii-hero-property-info p {
    margin: 0;

    color:
        rgba(
            255,
            255,
            255,
            .68
        );

    font-size: 12px;
}


.jtii-hero-property-link {
    display: inline-block;

    margin-top: 18px;

    color: #fff;

    font-size: 12px;

    letter-spacing: .04em;
}


.jtii-hero-property-placeholder {
    position: absolute;

    inset: 0;

    display: grid;

    place-items: center;

    color:
        rgba(
            255,
            255,
            255,
            .18
        );

    font-size: 72px;

    font-weight: 900;
}


.jtii-search-section {
    margin-top: -38px;
}


@media(max-width:1050px) {

    .jtii-hero-inner {
        grid-template-columns: 1fr;

        padding:
            70px 0
            90px;
    }

    .jtii-hero-art {
        display: none;
    }

}


@media(max-width:760px) {

    .jtii-hero h1 {
        font-size: 44px;
    }

}


/*
|--------------------------------------------------------------------------
| JTII HOME V4
| Search + Services + Property Cards
|--------------------------------------------------------------------------
*/


/* SEARCH */

.jtii-search-section {
    position: relative;
    z-index: 20;
    margin-top: -44px;
}

.jtii-property-search {
    min-height: 112px;
    padding: 16px;

    background: #ffffff;

    border:
        1px solid rgba(11, 33, 61, .08);

    box-shadow:
        0 24px 70px rgba(11, 33, 61, .14);
}

.jtii-property-search > div {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        8px 28px;
}

.jtii-property-search label {
    margin-bottom: 7px;

    color: #7b8490;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;
}

.jtii-property-search input,
.jtii-property-search select {
    color: #0b213d;

    font-size: 15px;

    font-weight: 500;
}

.jtii-search-button {
    min-width: 160px;

    margin-left: 10px;

    padding:
        0 28px;

    transition:
        transform .2s ease,
        background .2s ease;
}

.jtii-search-button:hover {
    background: #122d4f;

    transform:
        translateY(-2px);
}


/* SECTION SPACING */

.jtii-services {
    padding-top: 135px;
}

.jtii-featured {
    padding:
        115px 0;
}


/* HEADING */

.jtii-section-heading {
    margin-bottom: 55px;
}

.jtii-section-heading h2 {
    max-width: 720px;
}

.jtii-section-heading > p {
    line-height: 1.8;
}


/* SERVICES */

.jtii-services-grid {
    border: 0;

    gap: 1px;

    background:
        #e5e8ec;
}

.jtii-service-card {
    min-height: 330px;

    padding:
        36px 34px;

    background: #ffffff;

    border: 0;

    overflow: hidden;

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

.jtii-service-card::after {
    content: "";

    position: absolute;

    left: 34px;
    right: 34px;
    bottom: 0;

    height: 3px;

    background: #c2a36b;

    transform: scaleX(0);

    transform-origin: left;

    transition:
        transform .3s ease;
}

.jtii-service-card:hover {
    z-index: 2;

    background: #0b213d;

    color: #ffffff;

    transform:
        translateY(-8px);

    box-shadow:
        0 24px 60px rgba(11, 33, 61, .17);
}

.jtii-service-card:hover::after {
    transform: scaleX(1);
}

.jtii-service-card > span {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 42px;
    height: 42px;

    border:
        1px solid rgba(194, 163, 107, .45);

    color: #b18e4f;

    font-size: 11px;

    font-weight: 800;
}

.jtii-service-card h3 {
    margin:
        52px 0
        14px;

    color: #0b213d;

    font-size: 25px;

    line-height: 1.2;

    transition:
        color .25s ease;
}

.jtii-service-card:hover h3 {
    color: #ffffff;
}

.jtii-service-card p {
    max-width: 260px;

    line-height: 1.75;
}

.jtii-service-card strong {
    color: #0b213d;

    transition:
        color .25s ease;
}

.jtii-service-card:hover strong {
    color: #e5ca98;
}


/* FEATURED PROPERTY AREA */

.jtii-featured {
    background:
        #f6f4ef;
}

.jtii-property-grid {
    gap: 28px;
}

.jtii-property-card {
    overflow: hidden;

    background: #ffffff;

    border: 0;

    box-shadow:
        0 8px 30px rgba(11, 33, 61, .055);

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

.jtii-property-card:hover {
    transform:
        translateY(-7px);

    box-shadow:
        0 26px 65px rgba(11, 33, 61, .13);
}

.jtii-property-image {
    aspect-ratio: 1.42;
}

.jtii-property-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(7, 24, 45, .2)
        );

    pointer-events: none;
}

.jtii-property-image img {
    transition:
        transform .65s cubic-bezier(.2,.7,.2,1);
}

.jtii-property-card:hover
.jtii-property-image img {
    transform:
        scale(1.055);
}

.jtii-property-badges {
    z-index: 2;

    top: 16px;
    left: 16px;
}

.jtii-property-badges span {
    padding:
        7px 10px;

    background:
        rgba(11, 33, 61, .9);

    backdrop-filter:
        blur(6px);
}

.jtii-property-content {
    padding:
        26px 26px
        24px;
}

.jtii-property-meta {
    font-size: 9px;

    letter-spacing: .12em;
}

.jtii-property-content h3 {
    min-height: 54px;

    margin:
        14px 0
        9px;

    font-size: 21px;

    line-height: 1.3;
}

.jtii-property-location {
    min-height: 22px;

    color: #75808d;
}

.jtii-property-bottom {
    margin-top: 20px;

    padding-top: 18px;
}

.jtii-property-bottom strong {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;

    font-weight: 500;
}

.jtii-property-bottom span {
    color: #0b213d;

    font-weight: 700;
}


/* TEXT LINK */

.jtii-text-link {
    position: relative;

    padding-bottom: 4px;
}

.jtii-text-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background: #c2a36b;

    transform: scaleX(.35);

    transform-origin: left;

    transition:
        transform .25s ease;
}

.jtii-text-link:hover::after {
    transform: scaleX(1);
}


/* TABLET */

@media(max-width:1050px) {

    .jtii-services {
        padding-top: 120px;
    }

}


/* MOBILE */

@media(max-width:760px) {

    .jtii-search-section {
        margin-top: -24px;
    }

    .jtii-property-search {
        min-height: auto;
    }

    .jtii-search-button {
        margin-left: 0;
    }

    .jtii-services {
        padding-top: 100px;
    }

    .jtii-service-card {
        min-height: 270px;
    }

    .jtii-service-card h3 {
        margin-top: 38px;
    }

    .jtii-property-content h3 {
        min-height: 0;
    }
}


/*
|--------------------------------------------------------------------------
| JTII HEADER MENU V3
|--------------------------------------------------------------------------
*/

.jtii-menu {
    gap: 30px;
}


.jtii-menu > li {
    position: relative;
}


.jtii-menu-arrow {
    margin-left: 7px;

    color: #9a7c48;

    font-size: 10px;

    transition:
        transform .2s ease;
}


.jtii-menu > li:hover
.jtii-menu-arrow {
    transform:
        rotate(180deg);
}


/*
|--------------------------------------------------------------------------
| DROPDOWN
|--------------------------------------------------------------------------
*/

.jtii-submenu {
    position: absolute;

    z-index: 1200;

    top: calc(100% - 12px);

    left: -24px;

    width: 245px;

    margin: 0;

    padding:
        10px 0;

    list-style: none;

    background: #ffffff;

    border-top:
        3px solid #c2a36b;

    box-shadow:
        0 20px 50px
        rgba(11,33,61,.14);

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(10px);

    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;
}


.jtii-menu >
.menu-item-has-children:hover >
.jtii-submenu {
    opacity: 1;

    visibility: visible;

    transform:
        translateY(0);
}


.jtii-submenu li {
    margin: 0;
}


.jtii-submenu a {
    position: relative;

    display: block;

    padding:
        14px 23px;

    color: #0b213d;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.4;

    transition:
        background .2s ease,
        color .2s ease,
        padding-left .2s ease;
}


.jtii-submenu a::before {
    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 3px;

    height: 0;

    background: #c2a36b;

    transform:
        translateY(-50%);

    transition:
        height .2s ease;
}


.jtii-submenu a:hover {
    padding-left: 28px;

    background: #f7f5f0;

    color: #0b213d;
}


.jtii-submenu a:hover::before {
    height: 28px;
}


/*
|--------------------------------------------------------------------------
| MOBILE MENU
|--------------------------------------------------------------------------
*/

@media(max-width:1050px) {

    .jtii-nav.is-open {
        max-height:
            calc(100vh - 82px);

        overflow-y: auto;
    }


    .jtii-nav.is-open .jtii-menu {
        width: 100%;
    }


    .jtii-nav.is-open
    .jtii-menu > li {
        width: 100%;
    }


    .jtii-nav.is-open
    .jtii-menu > li > a {
        min-height: auto;

        width: 100%;

        padding:
            12px 4px;
    }


    .jtii-nav.is-open
    .jtii-menu > li > a::after {
        display: none;
    }


    .jtii-nav.is-open
    .jtii-submenu {
        position: static;

        width: 100%;

        margin:
            2px 0
            8px;

        padding:
            4px 0
            4px 18px;

        background: #f7f5f0;

        border-top: 0;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        transform: none;
    }


    .jtii-nav.is-open
    .jtii-submenu a {
        padding:
            10px 15px;

        font-size: 12px;
    }

}


/*
|--------------------------------------------------------------------------
| JTII HEADER V4 - DROPDOWN FIX
|--------------------------------------------------------------------------
*/

.jtii-header {
    overflow: visible;
}

.jtii-header-inner {
    overflow: visible;
}

.jtii-nav {
    height: 100%;
    overflow: visible;
}

.jtii-menu {
    height: 100%;

    display: flex;
    align-items: stretch;

    gap: 30px;

    overflow: visible;
}

.jtii-menu > li {
    position: relative;

    display: flex;
    align-items: center;

    height: 100%;
}

.jtii-menu > li > a {
    display: flex;
    align-items: center;

    height: 100%;

    min-height: 0;

    white-space: nowrap;

    padding: 0;

    font-size: 14px;

    color: #0b213d;
}


/*
|--------------------------------------------------------------------------
| ACTIVE / HOVER LINE
|--------------------------------------------------------------------------
*/

.jtii-menu > li > a::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: 0;

    height: 3px;

    background: #c2a36b;

    transform: scaleX(0);

    transform-origin: center;

    transition:
        transform .2s ease;
}

.jtii-menu > li:hover > a::after,
.jtii-menu > .current-menu-item > a::after,
.jtii-menu > .current_page_item > a::after {
    transform: scaleX(1);
}


/*
|--------------------------------------------------------------------------
| DROPDOWN POSITION
|--------------------------------------------------------------------------
*/

.jtii-submenu {
    position: absolute;

    z-index: 9999;

    top: 100%;

    left: 50%;

    width: 260px;

    margin: 0;

    padding: 8px 0;

    list-style: none;

    background: #ffffff;

    border-top: 3px solid #c2a36b;

    box-shadow:
        0 20px 45px rgba(11,33,61,.16);

    opacity: 0;

    visibility: hidden;

    transform:
        translate(-50%, 10px);

    pointer-events: none;

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
}

.jtii-menu >
.menu-item-has-children:hover >
.jtii-submenu {
    opacity: 1;

    visibility: visible;

    transform:
        translate(-50%, 0);

    pointer-events: auto;
}


/*
|--------------------------------------------------------------------------
| DROPDOWN ITEM
|--------------------------------------------------------------------------
*/

.jtii-submenu li {
    display: block;

    width: 100%;

    height: auto;
}

.jtii-submenu li a {
    display: block;

    width: 100%;

    padding:
        15px 24px;

    color: #0b213d;

    font-size: 13px;

    font-weight: 600;

    white-space: nowrap;

    background: #ffffff;

    transition:
        background .18s ease,
        color .18s ease,
        padding-left .18s ease;
}

.jtii-submenu li a:hover {
    padding-left: 29px;

    background: #f7f5f0;

    color: #0b213d;
}


/*
|--------------------------------------------------------------------------
| MENU ARROW
|--------------------------------------------------------------------------
*/

.jtii-menu-arrow {
    display: inline-block;

    margin-left: 7px;

    color: #a8874d;

    font-size: 9px;

    line-height: 1;

    transition:
        transform .18s ease;
}

.jtii-menu >
.menu-item-has-children:hover >
a .jtii-menu-arrow {
    transform:
        rotate(180deg);
}


/*
|--------------------------------------------------------------------------
| HEADER CTA
|--------------------------------------------------------------------------
*/

.jtii-header-cta {
    flex-shrink: 0;

    margin-left: 4px;
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:1050px) {

    .jtii-nav {
        height: auto;
    }

    .jtii-menu {
        height: auto;
    }

    .jtii-nav.is-open
    .jtii-menu > li {
        display: block;

        height: auto;
    }

    .jtii-nav.is-open
    .jtii-menu > li > a {
        height: auto;

        padding:
            13px 4px;
    }

    .jtii-nav.is-open
    .jtii-submenu {
        position: static;

        width: 100%;

        transform: none;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        margin: 0;

        padding:
            4px 0
            6px 14px;

        border-top: 0;

        box-shadow: none;

        background: #f7f5f0;
    }

}


/*
|--------------------------------------------------------------------------
| JTII OFFICIAL LOGO
|--------------------------------------------------------------------------
*/

.jtii-brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: auto;
}

.jtii-brand-logo {
    display: block;

    width: 310px;
    max-width: 310px;

    height: auto;
    max-height: 58px;

    object-fit: contain;
    object-position: left center;
}


/*
|--------------------------------------------------------------------------
| HEADER FINAL SIZE
|--------------------------------------------------------------------------
*/

.jtii-header-inner {
    height: 92px;
}

.jtii-menu > li > a {
    height: 92px;
}


/* TABLET */

@media(max-width:1050px) {

    .jtii-header-inner {
        height: 80px;
    }

    .jtii-brand-logo {
        width: 255px;
        max-width: 255px;
        max-height: 50px;
    }

    .jtii-nav.is-open {
        top: 80px;
    }

}


/* MOBILE */

@media(max-width:600px) {

    .jtii-header-inner {
        height: 72px;
    }

    .jtii-brand-logo {
        width: 220px;
        max-width: 220px;
        max-height: 44px;
    }

    .jtii-nav.is-open {
        top: 72px;
    }

}


/*
|--------------------------------------------------------------------------
| OFFICIAL J TRUST LOGO - FINAL SIZE
|--------------------------------------------------------------------------
*/

.jtii-brand-logo {
    display: block;

    width: 270px;
    max-width: 270px;

    height: auto;

    object-fit: contain;
    object-position: left center;
}

@media(max-width:1050px) {

    .jtii-brand-logo {
        width: 235px;
        max-width: 235px;
    }

}

@media(max-width:600px) {

    .jtii-brand-logo {
        width: 200px;
        max-width: 200px;
    }

}


/*
|--------------------------------------------------------------------------
| JTII HEADER COMPACT FINAL
|--------------------------------------------------------------------------
*/

.jtii-header-inner {
    height: 72px;
}


/* LOGO */

.jtii-brand-logo {
    width: 235px;
    max-width: 235px;
    max-height: 42px;
}


/* MAIN MENU */

.jtii-menu > li > a {
    height: 72px;
    min-height: 72px;

    font-size: 13px;
}


/* GOLD ACTIVE LINE */

.jtii-menu > li > a::after {
    bottom: 0;
}


/* CTA */

.jtii-header-cta {
    min-width: 160px;
    min-height: 46px;

    padding:
        0 20px;

    font-size: 12px;
}


/* DROPDOWN */

.jtii-submenu {
    top: 100%;
}


/* TABLET */

@media(max-width:1050px) {

    .jtii-header-inner {
        height: 68px;
    }

    .jtii-brand-logo {
        width: 215px;
        max-width: 215px;
        max-height: 40px;
    }

    .jtii-nav.is-open {
        top: 68px;
    }

}


/* MOBILE */

@media(max-width:600px) {

    .jtii-header-inner {
        height: 64px;
    }

    .jtii-brand-logo {
        width: 190px;
        max-width: 190px;
        max-height: 36px;
    }

    .jtii-nav.is-open {
        top: 64px;
    }

}

/*
|--------------------------------------------------------------------------
| JTII HEADER FINAL POLISH
|--------------------------------------------------------------------------
*/

.jtii-header-cta {
    min-height: 42px;
    padding: 0 19px;
}

.jtii-menu > .current-menu-item > a,
.jtii-menu > .current_page_item > a {
    color: #0b213d;
}

.jtii-menu > .current-menu-item > a::after,
.jtii-menu > .current_page_item > a::after {
    transform: scaleX(1);
}

.jtii-menu > li > a {
    transition:
        color .18s ease;
}

.jtii-menu > li > a:hover {
    color: #b18e4f;
}

/*
|--------------------------------------------------------------------------
| JTII HEADER FONT SIZE
|--------------------------------------------------------------------------
*/

.jtii-menu > li > a {
    font-size: 15px;
    font-weight: 700;
}

.jtii-header-cta {
    font-size: 14px;
    font-weight: 800;
}

.jtii-submenu li a {
    font-size: 14px;
}

@media(max-width:1200px) {

    .jtii-menu {
        gap: 24px;
    }

    .jtii-menu > li > a {
        font-size: 14px;
    }

    .jtii-header-cta {
        font-size: 13px;
    }

}

/*
|--------------------------------------------------------------------------
| HEADER CTA - TEMUKAN PROPERTI
|--------------------------------------------------------------------------
*/

.jtii-header-cta {
    min-width: 185px;
    min-height: 44px;

    padding: 0 24px;

    font-size: 14px;
    font-weight: 800;

    white-space: nowrap;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    line-height: 1;
}


/*
|--------------------------------------------------------------------------
| JTII HEADER - REFERENCE STYLE
|--------------------------------------------------------------------------
*/

.jtii-header {
    background: #ffffff;

    border-top: 0;

    border-bottom:
        1px solid rgba(11,33,61,.07);

    box-shadow:
        0 2px 12px rgba(11,33,61,.025);
}


.jtii-header-inner {
    width:
        min(
            calc(100% - 44px),
            1500px
        );

    height: 66px;

    gap: 24px;
}


/* LOGO */

.jtii-brand-logo {
    width: 245px;
    max-width: 245px;
    max-height: 40px;
}


/* MENU */

.jtii-nav {
    margin-left: auto;
}


.jtii-menu {
    gap: 28px;
}


.jtii-menu > li > a {
    height: 66px;
    min-height: 66px;

    padding: 0;

    color: #0b213d;

    font-size: 13px;
    font-weight: 650;

    white-space: nowrap;
}


/* underline seperti referensi */

.jtii-menu > li > a::after {
    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background: #20a9e0;
}


.jtii-menu > li:hover > a {
    color: #0b213d;
}


.jtii-menu-arrow {
    margin-left: 6px;

    color: #9e7d42;

    font-size: 8px;
}


/*
|--------------------------------------------------------------------------
| DROPDOWN
|--------------------------------------------------------------------------
*/

.jtii-submenu {
    top: 100%;

    width: 235px;

    padding: 7px 0;

    border-top:
        2px solid #20a9e0;

    box-shadow:
        0 18px 45px rgba(11,33,61,.12);
}


.jtii-submenu li a {
    padding:
        13px 20px;

    font-size: 13px;
}


/*
|--------------------------------------------------------------------------
| GOLD CTA
|--------------------------------------------------------------------------
*/

.jtii-header-cta {
    min-width: 168px;
    min-height: 40px;

    margin-left: 4px;

    padding:
        0 20px;

    background:
        linear-gradient(
            135deg,
            #b38b43,
            #c8a25e
        );

    color: #ffffff;

    font-size: 12px;
    font-weight: 750;

    white-space: nowrap;

    box-shadow:
        0 5px 14px rgba(165,126,57,.18);
}


.jtii-header-cta:hover {
    background:
        linear-gradient(
            135deg,
            #a97f36,
            #bd9651
        );

    color: #ffffff;

    transform:
        translateY(-1px);
}


/*
|--------------------------------------------------------------------------
| SEARCH ICON
|--------------------------------------------------------------------------
*/

.jtii-header-search {
    position: relative;

    flex: 0 0 auto;

    width: 34px;
    height: 40px;

    padding: 0;

    border: 0;

    background: transparent;

    cursor: pointer;
}


.jtii-header-search span {
    position: absolute;

    top: 12px;
    left: 8px;

    width: 13px;
    height: 13px;

    border:
        2px solid #667383;

    border-radius: 50%;
}


.jtii-header-search span::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 2px;

    right: -6px;
    bottom: -3px;

    background: #667383;

    transform:
        rotate(45deg);

    transform-origin: left center;
}


/*
|--------------------------------------------------------------------------
| LANGUAGE
|--------------------------------------------------------------------------
*/

.jtii-language {
    display: flex;

    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    font-size: 11px;
    font-weight: 700;
}


.jtii-language a {
    color: #84909d;
}


.jtii-language a.is-active {
    color: #0b213d;
}


.jtii-language span {
    color: #c6cbd1;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media(max-width:1200px) {

    .jtii-header-inner {
        gap: 17px;
    }

    .jtii-menu {
        gap: 19px;
    }

    .jtii-brand-logo {
        width: 220px;
    }

    .jtii-menu > li > a {
        font-size: 12px;
    }

    .jtii-header-cta {
        min-width: 150px;
    }

}


@media(max-width:1050px) {

    .jtii-header-inner {
        height: 66px;
    }

    .jtii-brand-logo {
        width: 220px;
    }

    .jtii-header-search,
    .jtii-language {
        display: none;
    }

    .jtii-nav.is-open {
        top: 66px;
    }

}


@media(max-width:600px) {

    .jtii-brand-logo {
        width: 195px;
    }

}


/*
|--------------------------------------------------------------------------
| JTII REFERENCE HERO
|--------------------------------------------------------------------------
*/

.jtii-ref-hero {
    position: relative;

    min-height: 610px;

    overflow: hidden;

    background:
        url('../img/hero-city.webp')
        center 55% / cover no-repeat;

    display: flex;
    flex-direction: column;
}


.jtii-ref-hero-shade {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,249,240,.96) 0%,
            rgba(255,249,240,.87) 24%,
            rgba(255,249,240,.38) 48%,
            rgba(255,255,255,.03) 72%
        );
}


.jtii-ref-hero-content {
    position: relative;

    z-index: 2;

    flex: 1;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        260px;

    gap: 80px;

    align-items: center;

    padding-top: 45px;
    padding-bottom: 120px;
}


/*
|--------------------------------------------------------------------------
| HERO COPY
|--------------------------------------------------------------------------
*/

.jtii-ref-copy {
    max-width: 650px;
}


.jtii-ref-eyebrow {
    display: block;

    margin-bottom: 12px;

    color: #a77e3b;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .2em;
}


.jtii-ref-copy h1 {
    margin: 0;

    color: #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(50px, 4.8vw, 76px);

    line-height: .98;

    font-weight: 500;

    letter-spacing: -.04em;
}


.jtii-ref-copy h1 span {
    display: block;

    color: #a98143;
}


.jtii-ref-copy p {
    max-width: 560px;

    margin: 20px 0 0;

    color: #435266;

    font-size: 14px;

    line-height: 1.65;
}


/*
|--------------------------------------------------------------------------
| RIGHT MESSAGE
|--------------------------------------------------------------------------
*/

.jtii-ref-message {
    display: flex;

    align-items: flex-start;

    gap: 18px;

    align-self: start;

    margin-top: 80px;
}


.jtii-ref-message > span {
    width: 2px;

    height: 105px;

    background: #c09a55;
}


.jtii-ref-message p {
    margin: 0;

    color: #203653;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;

    line-height: 1.18;
}


/*
|--------------------------------------------------------------------------
| HERO SEARCH
|--------------------------------------------------------------------------
*/

.jtii-ref-search-wrap {
    position: absolute;

    z-index: 4;

    left: 50%;

    bottom: 24px;

    transform:
        translateX(-50%);
}


.jtii-ref-search {
    width: 100%;

    max-width: 1100px;

    margin-inline: auto;

    padding: 8px;

    background:
        rgba(255,255,255,.96);

    border-radius: 14px;

    box-shadow:
        0 18px 55px rgba(11,33,61,.18);

    backdrop-filter:
        blur(12px);
}


/*
|--------------------------------------------------------------------------
| SEARCH TABS
|--------------------------------------------------------------------------
*/

.jtii-ref-tabs {
    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 4px;

    margin-bottom: 7px;
}


.jtii-ref-tabs button {
    min-height: 40px;

    border: 0;

    background: #f1f2f3;

    color: #687586;

    font-size: 12px;

    font-weight: 700;

    cursor: pointer;

    border-radius: 6px;

    transition:
        background .18s ease,
        color .18s ease;
}


.jtii-ref-tabs button:hover,
.jtii-ref-tabs button.is-active {
    background: #0b213d;

    color: #ffffff;
}


/*
|--------------------------------------------------------------------------
| SEARCH FIELDS
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields {
    display: grid;

    grid-template-columns:
        2fr 1fr 1fr 160px;

    gap: 7px;
}


.jtii-ref-search-fields > div {
    position: relative;

    min-height: 52px;

    display: flex;

    align-items: center;

    background: #ffffff;

    border:
        1px solid #e4e7eb;

    border-radius: 6px;
}


.jtii-ref-search-fields input,
.jtii-ref-search-fields select {
    width: 100%;

    min-height: 50px;

    border: 0;

    outline: none;

    background: transparent;

    color: #20334d;

    padding:
        0 17px;

    font-size: 12px;
}


.jtii-ref-keyword input {
    padding-left: 43px;
}


.jtii-search-icon {
    position: absolute;

    left: 17px;

    width: 14px;
    height: 14px;

    border:
        2px solid #778496;

    border-radius: 50%;
}


.jtii-search-icon::after {
    content: "";

    position: absolute;

    right: -6px;
    bottom: -3px;

    width: 7px;
    height: 2px;

    background: #778496;

    transform:
        rotate(45deg);
}


.jtii-ref-search-submit {
    border: 0;

    border-radius: 6px;

    background:
        linear-gradient(
            135deg,
            #ad833c,
            #c7a25d
        );

    color: #ffffff;

    font-size: 12px;

    font-weight: 800;

    cursor: pointer;
}


.jtii-ref-search-submit span {
    margin-left: 8px;
}


/*
|--------------------------------------------------------------------------
| REMOVE OLD SEARCH SPACE
|--------------------------------------------------------------------------
*/

.jtii-ref-hero +
.jtii-section {
    padding-top: 100px;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media(max-width:900px) {

    .jtii-ref-hero {
        min-height: 700px;
    }

    .jtii-ref-hero-content {
        grid-template-columns: 1fr;

        padding-bottom: 240px;
    }

    .jtii-ref-message {
        display: none;
    }

    .jtii-ref-search-fields {
        grid-template-columns:
            1fr 1fr;
    }

    .jtii-ref-search-submit {
        min-height: 52px;
    }

}


@media(max-width:600px) {

    .jtii-ref-hero {
        min-height: 760px;

        background-position: 62% center;
    }

    .jtii-ref-copy h1 {
        font-size: 44px;
    }

    .jtii-ref-tabs {
        grid-template-columns:
            1fr 1fr;
    }

    .jtii-ref-search-fields {
        grid-template-columns: 1fr;
    }

}

/*
|--------------------------------------------------------------------------
| HEADER HORIZONTAL ALIGNMENT
|--------------------------------------------------------------------------
*/

.jtii-header-inner {
    width: min(
        calc(100% - 120px),
        1610px
    );

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


/* layar besar */
@media(min-width:1600px) {

    .jtii-header-inner {
        width: min(
            calc(100% - 200px),
            1610px
        );
    }

}


/* laptop */
@media(max-width:1200px) {

    .jtii-header-inner {
        width: calc(100% - 48px);
    }

}


/* mobile */
@media(max-width:600px) {

    .jtii-header-inner {
        width: calc(100% - 28px);
    }

}

/*
|--------------------------------------------------------------------------
| HEADER ALIGN WITH HERO
|--------------------------------------------------------------------------
*/

/*
 * Header memakai garis/grid yang sama dengan hero.
 * Logo akan sejajar dengan:
 * "ASET HARI INI, PELUANG MASA DEPAN"
 */
.jtii-header-inner {
    width: min(
        calc(100% - 48px),
        var(--jtii-width)
    );

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


/*
 * Pertahankan menu tetap muat.
 */
.jtii-menu {
    gap: 22px;
}

.jtii-header-inner {
    gap: 18px;
}


/*
 * Sedikit compact agar seluruh menu tetap satu baris.
 */
.jtii-brand-logo {
    width: 235px;
    max-width: 235px;
}

.jtii-header-cta {
    min-width: 165px;
}


/* TABLET */

@media(max-width:1200px) {

    .jtii-header-inner {
        width: calc(100% - 40px);
    }

    .jtii-menu {
        gap: 18px;
    }

}


/* MOBILE */

@media(max-width:600px) {

    .jtii-header-inner {
        width: calc(100% - 28px);
    }

}


/*
|--------------------------------------------------------------------------
| JTII HERO REFERENCE - FINAL PROPORTION
|--------------------------------------------------------------------------
*/

.jtii-ref-hero {
    min-height: 510px;

    background-position:
        center 52%;

    background-size: cover;
}


/*
|--------------------------------------------------------------------------
| BACKGROUND / OVERLAY
|--------------------------------------------------------------------------
*/

.jtii-ref-hero-shade {
    background:
        linear-gradient(
            90deg,
            rgba(255,249,240,.94) 0%,
            rgba(255,249,240,.80) 24%,
            rgba(255,249,240,.30) 45%,
            rgba(255,255,255,.02) 68%
        );
}


/*
|--------------------------------------------------------------------------
| HERO CONTENT
|--------------------------------------------------------------------------
*/

.jtii-ref-hero-content {
    min-height: 510px;

    padding-top: 28px;
    padding-bottom: 115px;

    grid-template-columns:
        minmax(0, 1fr)
        230px;

    gap: 60px;
}


.jtii-ref-copy {
    max-width: 590px;
}


.jtii-ref-eyebrow {
    margin-bottom: 8px;

    font-size: 9px;

    letter-spacing: .18em;
}


.jtii-ref-copy h1 {
    font-size:
        clamp(
            43px,
            3.65vw,
            59px
        );

    line-height: .96;

    letter-spacing: -.035em;
}


.jtii-ref-copy p {
    max-width: 500px;

    margin-top: 14px;

    font-size: 12px;

    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| RIGHT STATEMENT
|--------------------------------------------------------------------------
*/

.jtii-ref-message {
    margin-top: 48px;

    gap: 14px;
}


.jtii-ref-message > span {
    height: 86px;
}


.jtii-ref-message p {
    font-size: 16px;

    line-height: 1.15;
}


/*
|--------------------------------------------------------------------------
| SEARCH POSITION
|--------------------------------------------------------------------------
*/

.jtii-ref-search-wrap {
    bottom: 20px;
}


.jtii-ref-search {
    max-width: 1080px;

    padding: 7px;

    border-radius: 11px;
}


/*
|--------------------------------------------------------------------------
| SEARCH TABS
|--------------------------------------------------------------------------
*/

.jtii-ref-tabs {
    gap: 4px;

    margin-bottom: 6px;
}


.jtii-ref-tabs button {
    min-height: 34px;

    font-size: 10px;

    border-radius: 4px;
}


/*
|--------------------------------------------------------------------------
| SEARCH INPUTS
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields {
    grid-template-columns:
        2fr .85fr .85fr 145px;

    gap: 6px;
}


.jtii-ref-search-fields > div {
    min-height: 43px;

    border-radius: 4px;
}


.jtii-ref-search-fields input,
.jtii-ref-search-fields select {
    min-height: 41px;

    padding:
        0 13px;

    font-size: 10px;
}


.jtii-ref-keyword input {
    padding-left: 39px;
}


.jtii-search-icon {
    left: 14px;

    width: 12px;
    height: 12px;
}


.jtii-ref-search-submit {
    min-height: 43px;

    font-size: 10px;

    border-radius: 4px;
}


/*
|--------------------------------------------------------------------------
| DESKTOP LARGE
|--------------------------------------------------------------------------
*/

@media(min-width:1500px) {

    .jtii-ref-hero-content {
        max-width: 1280px;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:900px) {

    .jtii-ref-hero {
        min-height: 660px;
    }

    .jtii-ref-hero-content {
        min-height: 660px;

        padding-bottom: 220px;
    }

}


@media(max-width:600px) {

    .jtii-ref-copy h1 {
        font-size: 40px;
    }

}

/*
|--------------------------------------------------------------------------
| JTII HERO FINAL ARTWORK
|--------------------------------------------------------------------------
*/

.jtii-ref-hero {
    position: relative;

    min-height: 550px;

    background:
        url('../img/hero-city-final.webp')
        center center / cover no-repeat;
}


/*
 * Artwork sudah mempunyai headline,
 * batik dan aksen Jepang sendiri.
 * Hindari teks dobel.
 */
.jtii-ref-copy,
.jtii-ref-message,
.jtii-ref-hero-shade {
    display: none;
}


/*
|--------------------------------------------------------------------------
| SEARCH BOX
|--------------------------------------------------------------------------
*/

.jtii-ref-search-wrap {
    bottom: 24px;
}

.jtii-ref-search {
    max-width: 1080px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 18px 55px rgba(11,33,61,.16);
}


/*
|--------------------------------------------------------------------------
| DESKTOP LARGE
|--------------------------------------------------------------------------
*/

@media(min-width:1500px) {

    .jtii-ref-hero {
        min-height: 560px;

        background-position:
            center center;
    }

}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media(max-width:900px) {

    .jtii-ref-hero {
        min-height: 650px;

        background-position:
            center top;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:600px) {

    .jtii-ref-hero {
        min-height: 720px;

        /*
         * Fokus lebih ke area kiri/tengah.
         */
        background-position:
            42% center;
    }

}


/*
|--------------------------------------------------------------------------
| JTII HERO SEARCH - FINAL
|--------------------------------------------------------------------------
*/

.jtii-ref-search-wrap {
    bottom: 18px;
}

.jtii-ref-search {
    width: min(100%, 1080px);

    margin-inline: auto;

    padding: 8px;

    background:
        rgba(255,255,255,.97);

    border:
        1px solid rgba(11,33,61,.08);

    border-radius: 12px;

    box-shadow:
        0 12px 32px rgba(11,33,61,.13);

    backdrop-filter:
        blur(10px);
}


/*
|--------------------------------------------------------------------------
| TABS
|--------------------------------------------------------------------------
*/

.jtii-ref-tabs {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 5px;

    margin-bottom: 7px;
}

.jtii-ref-tabs button {
    min-height: 34px;

    padding: 0 14px;

    border:
        1px solid #e7e9ec;

    border-radius: 4px;

    background: #f1f2f3;

    color: #677586;

    font-size: 10px;

    font-weight: 700;

    cursor: pointer;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease;
}

.jtii-ref-tabs button:hover {
    background: #e9edf1;
}

.jtii-ref-tabs button.is-active {
    background: #0b213d;

    border-color: #0b213d;

    color: #ffffff;
}


/*
|--------------------------------------------------------------------------
| SEARCH ROW
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields {
    display: grid;

    grid-template-columns:
        2.25fr
        .95fr
        .95fr
        145px;

    gap: 6px;
}

.jtii-ref-search-fields > div {
    position: relative;

    min-height: 43px;

    display: flex;

    align-items: center;

    background: #ffffff;

    border:
        1px solid #dfe4e9;

    border-radius: 4px;
}


/*
|--------------------------------------------------------------------------
| INPUT / SELECT
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields input,
.jtii-ref-search-fields select {
    width: 100%;

    min-height: 41px;

    border: 0;

    outline: 0;

    background: transparent;

    color: #24364d;

    font-size: 10px;

    font-weight: 500;
}

.jtii-ref-keyword input {
    padding:
        0 13px
        0 40px;
}

.jtii-ref-select select {
    padding:
        0 32px
        0 38px;

    appearance: auto;
}


/*
|--------------------------------------------------------------------------
| SEARCH ICON
|--------------------------------------------------------------------------
*/

.jtii-search-icon {
    position: absolute;

    z-index: 2;

    left: 14px;
    top: 50%;

    width: 12px;
    height: 12px;

    border:
        2px solid #708197;

    border-radius: 50%;

    transform:
        translateY(-55%);
}

.jtii-search-icon::after {
    content: "";

    position: absolute;

    right: -6px;
    bottom: -3px;

    width: 6px;
    height: 2px;

    background: #708197;

    transform:
        rotate(45deg);
}


/*
|--------------------------------------------------------------------------
| LOCATION ICON
|--------------------------------------------------------------------------
*/

.jtii-location-icon {
    position: absolute;

    z-index: 2;

    left: 14px;
    top: 50%;

    width: 12px;
    height: 12px;

    border:
        2px solid #708197;

    border-radius:
        50% 50% 50% 0;

    transform:
        translateY(-65%)
        rotate(-45deg);
}

.jtii-location-icon::after {
    content: "";

    position: absolute;

    width: 3px;
    height: 3px;

    top: 3px;
    left: 3px;

    border-radius: 50%;

    background: #708197;
}


/*
|--------------------------------------------------------------------------
| BUILDING ICON
|--------------------------------------------------------------------------
*/

.jtii-building-icon {
    position: absolute;

    z-index: 2;

    left: 14px;
    top: 50%;

    width: 12px;
    height: 14px;

    border:
        2px solid #708197;

    transform:
        translateY(-50%);
}

.jtii-building-icon::before,
.jtii-building-icon::after {
    content: "";

    position: absolute;

    left: 2px;

    width: 5px;
    height: 2px;

    background: #708197;

    box-shadow:
        0 4px 0 #708197;
}

.jtii-building-icon::before {
    top: 2px;
}


/*
|--------------------------------------------------------------------------
| BUTTON
|--------------------------------------------------------------------------
*/

.jtii-ref-search-submit {
    min-height: 43px;

    border: 0;

    border-radius: 4px;

    background:
        linear-gradient(
            135deg,
            #ad833c,
            #c9a25b
        );

    color: #ffffff;

    font-size: 10px;

    font-weight: 800;

    cursor: pointer;

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

.jtii-ref-search-submit span {
    margin-left: 8px;
}

.jtii-ref-search-submit:hover {
    transform:
        translateY(-1px);

    box-shadow:
        0 8px 18px rgba(173,131,60,.24);
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:900px) {

    .jtii-ref-search-fields {
        grid-template-columns:
            1fr 1fr;
    }

    .jtii-ref-search-submit {
        min-height: 43px;
    }

}

@media(max-width:600px) {

    .jtii-ref-tabs {
        grid-template-columns:
            1fr 1fr;
    }

    .jtii-ref-search-fields {
        grid-template-columns: 1fr;
    }

}

/*
|--------------------------------------------------------------------------
| JTII SEARCH - COMPACT REFERENCE FINAL
|--------------------------------------------------------------------------
*/

.jtii-ref-search {
    width: min(100%, 1090px) !important;
    max-width: 1090px !important;

    padding: 6px !important;

    border-radius: 10px !important;

    background: rgba(255,255,255,.97) !important;

    border: 1px solid rgba(11,33,61,.08) !important;

    box-shadow:
        0 8px 24px rgba(11,33,61,.13) !important;
}


/*
|--------------------------------------------------------------------------
| TABS - HANYA DI KIRI
|--------------------------------------------------------------------------
*/

.jtii-ref-tabs {
    display: flex !important;

    width: max-content !important;

    gap: 4px !important;

    margin:
        0 0 5px 0 !important;
}


.jtii-ref-tabs button {
    width: auto !important;

    min-width: 88px !important;
    min-height: 31px !important;
    height: 31px !important;

    padding: 0 18px !important;

    border-radius: 3px !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
}


/* NPL / WOFF */

.jtii-ref-tabs button:nth-child(1) {
    min-width: 112px !important;
}


/* Titip Jual */

.jtii-ref-tabs button:nth-child(2) {
    min-width: 92px !important;
}


/* Lelang */

.jtii-ref-tabs button:nth-child(3) {
    min-width: 88px !important;
}


/* Semua Properti */

.jtii-ref-tabs button:nth-child(4) {
    min-width: 120px !important;
}


.jtii-ref-tabs button.is-active {
    background: #0b213d !important;
    color: #ffffff !important;

    border-color: #0b213d !important;
}


/*
|--------------------------------------------------------------------------
| SEARCH FIELD ROW
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields {
    display: grid !important;

    grid-template-columns:
        minmax(360px, 2.25fr)
        minmax(170px, .95fr)
        minmax(170px, .95fr)
        145px !important;

    gap: 5px !important;

    align-items: stretch !important;
}


.jtii-ref-search-fields > div {
    min-height: 38px !important;
    height: 38px !important;

    border-radius: 3px !important;

    border:
        1px solid #dfe4e9 !important;
}


.jtii-ref-search-fields input,
.jtii-ref-search-fields select {
    min-height: 36px !important;
    height: 36px !important;

    font-size: 10px !important;
}


/*
|--------------------------------------------------------------------------
| SEARCH INPUT
|--------------------------------------------------------------------------
*/

.jtii-ref-keyword input {
    padding:
        0 12px
        0 38px !important;
}


/*
|--------------------------------------------------------------------------
| ICON
|--------------------------------------------------------------------------
*/

.jtii-search-icon {
    left: 13px !important;

    width: 11px !important;
    height: 11px !important;

    border-width: 1.5px !important;
}


.jtii-location-icon {
    left: 13px !important;

    width: 10px !important;
    height: 10px !important;

    border-width: 1.5px !important;
}


.jtii-building-icon {
    left: 13px !important;

    width: 10px !important;
    height: 12px !important;

    border-width: 1.5px !important;
}


/*
|--------------------------------------------------------------------------
| SELECT
|--------------------------------------------------------------------------
*/

.jtii-ref-select select {
    padding-left: 35px !important;
}


/*
|--------------------------------------------------------------------------
| BUTTON
|--------------------------------------------------------------------------
*/

.jtii-ref-search-submit {
    min-height: 38px !important;
    height: 38px !important;

    border-radius: 3px !important;

    font-size: 10px !important;

    background:
        linear-gradient(
            135deg,
            #ae843d,
            #c49b50
        ) !important;
}


/*
|--------------------------------------------------------------------------
| POSITION
|--------------------------------------------------------------------------
*/

.jtii-ref-search-wrap {
    bottom: 18px !important;
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:900px) {

    .jtii-ref-tabs {
        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            repeat(4, 1fr) !important;
    }

    .jtii-ref-tabs button {
        min-width: 0 !important;
        width: 100% !important;
    }

    .jtii-ref-search-fields {
        grid-template-columns:
            1fr 1fr !important;
    }

}


@media(max-width:600px) {

    .jtii-ref-tabs {
        grid-template-columns:
            1fr 1fr !important;
    }

    .jtii-ref-search-fields {
        grid-template-columns:
            1fr !important;
    }

}

/*
|--------------------------------------------------------------------------
| SEARCH - REMOVE EMPTY TOP AREA
|--------------------------------------------------------------------------
*/

/* Wrapper utama dibuat transparan */
.jtii-ref-search {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}


/*
|--------------------------------------------------------------------------
| TABS
|--------------------------------------------------------------------------
*/

.jtii-ref-tabs {
    display: flex !important;
    width: max-content !important;

    gap: 4px !important;

    margin:
        0 0 5px 0 !important;

    padding: 0 !important;

    background: transparent !important;
}


/*
|--------------------------------------------------------------------------
| SEARCH ROW - BACKGROUND PUTIH HANYA DI SINI
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields {
    position: relative;

    padding: 6px !important;

    background:
        rgba(255,255,255,.97) !important;

    border:
        1px solid rgba(11,33,61,.08) !important;

    border-radius: 8px !important;

    box-shadow:
        0 8px 24px rgba(11,33,61,.13) !important;
}


/*
|--------------------------------------------------------------------------
| INPUT HEIGHT
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields > div {
    margin: 0 !important;
}


/*
|--------------------------------------------------------------------------
| BUTTON
|--------------------------------------------------------------------------
*/

.jtii-ref-search-submit {
    margin: 0 !important;
}

/*
|--------------------------------------------------------------------------
| HERO SEARCH - CONNECTED TAB PANEL
|--------------------------------------------------------------------------
*/

.jtii-ref-search {
    width: min(100%, 1090px) !important;
    max-width: 1090px !important;

    margin-inline: auto !important;

    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/*
|--------------------------------------------------------------------------
| TAB TRAY
|--------------------------------------------------------------------------
*/

.jtii-ref-tabs {
    display: flex !important;

    width: max-content !important;

    gap: 4px !important;

    margin: 0 !important;

    padding:
        6px 6px 5px 6px !important;

    background:
        rgba(255,255,255,.97) !important;

    border:
        1px solid rgba(11,33,61,.08) !important;

    border-bottom: 0 !important;

    border-radius:
        10px 10px 0 0 !important;

    box-shadow:
        0 -3px 18px rgba(11,33,61,.05) !important;
}


/*
|--------------------------------------------------------------------------
| TABS
|--------------------------------------------------------------------------
*/

.jtii-ref-tabs button {
    height: 34px !important;
    min-height: 34px !important;

    padding:
        0 18px !important;

    border:
        1px solid #e1e5e9 !important;

    border-radius: 4px !important;

    background: #f1f2f3 !important;

    color: #647286 !important;

    font-size: 10px !important;
    font-weight: 700 !important;
}


.jtii-ref-tabs button.is-active {
    background: #0b213d !important;

    border-color: #0b213d !important;

    color: #ffffff !important;
}


/*
|--------------------------------------------------------------------------
| SEARCH BAR
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields {
    display: grid !important;

    grid-template-columns:
        minmax(360px, 2.25fr)
        minmax(180px, .95fr)
        minmax(180px, .95fr)
        150px !important;

    gap: 6px !important;

    margin: 0 !important;

    padding: 7px !important;

    background:
        rgba(255,255,255,.97) !important;

    border:
        1px solid rgba(11,33,61,.08) !important;

    border-radius:
        0 10px 10px 10px !important;

    box-shadow:
        0 10px 28px rgba(11,33,61,.13) !important;
}


/*
|--------------------------------------------------------------------------
| FIELDS
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields > div {
    height: 40px !important;
    min-height: 40px !important;

    background: #ffffff !important;

    border:
        1px solid #dfe4e9 !important;

    border-radius: 4px !important;
}


.jtii-ref-search-fields input,
.jtii-ref-search-fields select {
    height: 38px !important;
    min-height: 38px !important;

    font-size: 10px !important;
}


/*
|--------------------------------------------------------------------------
| BUTTON
|--------------------------------------------------------------------------
*/

.jtii-ref-search-submit {
    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;

    border-radius: 4px !important;

    background:
        linear-gradient(
            135deg,
            #ad833c,
            #c49b50
        ) !important;
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:900px) {

    .jtii-ref-tabs {
        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            repeat(4,1fr) !important;

        border-radius:
            10px 10px 0 0 !important;
    }

    .jtii-ref-search-fields {
        grid-template-columns:
            1fr 1fr !important;

        border-radius:
            0 0 10px 10px !important;
    }

}


@media(max-width:600px) {

    .jtii-ref-tabs {
        grid-template-columns:
            1fr 1fr !important;
    }

    .jtii-ref-search-fields {
        grid-template-columns:
            1fr !important;
    }

}

/*
|--------------------------------------------------------------------------
| JTII SEARCH - REMOVE BLUR STRIP FINAL
|--------------------------------------------------------------------------
*/

/* Parent utama benar-benar transparan */
.jtii-ref-search {
    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    backdrop-filter: none !important;

    -webkit-backdrop-filter: none !important;

    overflow: visible !important;
}


/* Wrapper juga jangan membuat blur */
.jtii-ref-search-wrap {
    backdrop-filter: none !important;

    -webkit-backdrop-filter: none !important;

    background: transparent !important;
}


/*
|--------------------------------------------------------------------------
| TAB PANEL
|--------------------------------------------------------------------------
*/

.jtii-ref-tabs {
    width: max-content !important;

    background: #ffffff !important;

    backdrop-filter: none !important;

    -webkit-backdrop-filter: none !important;

    padding: 6px !important;

    margin: 0 !important;

    border: 0 !important;

    border-radius:
        10px 10px 0 0 !important;

    box-shadow:
        0 4px 15px rgba(11,33,61,.08) !important;
}


/*
|--------------------------------------------------------------------------
| SEARCH BAR
|--------------------------------------------------------------------------
*/

.jtii-ref-search-fields {
    margin: 0 !important;

    padding: 7px !important;

    background: #ffffff !important;

    backdrop-filter: none !important;

    -webkit-backdrop-filter: none !important;

    border: 0 !important;

    border-radius:
        0 10px 10px 10px !important;

    box-shadow:
        0 10px 28px rgba(11,33,61,.13) !important;
}


/*
|--------------------------------------------------------------------------
| REMOVE ANY OLD PSEUDO BACKGROUND
|--------------------------------------------------------------------------
*/

.jtii-ref-search::before,
.jtii-ref-search::after,
.jtii-ref-tabs::before,
.jtii-ref-tabs::after {
    display: none !important;

    content: none !important;
}

/*
|--------------------------------------------------------------------------
| JTII HERO - ONE SCREEN DESKTOP
|--------------------------------------------------------------------------
*/

.jtii-ref-hero {
    min-height: clamp(
        540px,
        calc(100svh - 145px),
        690px
    );
}


/*
 * Search tetap menempel di bawah hero.
 */
.jtii-ref-search-wrap {
    bottom: 18px !important;
}


/*
 * Section setelah hero dibuat cukup dekat
 * agar sedikit terlihat pada first screen.
 */
.jtii-ref-hero + .jtii-section {
    padding-top: 80px;
}


/*
|--------------------------------------------------------------------------
| LARGE DESKTOP
|--------------------------------------------------------------------------
*/

@media(min-width:1600px) {

    .jtii-ref-hero {
        min-height: clamp(
            570px,
            calc(100svh - 150px),
            710px
        );
    }

}


/*
|--------------------------------------------------------------------------
| LAPTOP
|--------------------------------------------------------------------------
*/

@media(
    min-width:901px
) and (
    max-height:850px
) {

    .jtii-ref-hero {
        min-height: 570px;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE / TABLET
|--------------------------------------------------------------------------
|
| Jangan paksa 1 screen pada mobile karena
| search harus stack dan butuh ruang lebih.
|
*/

@media(max-width:900px) {

    .jtii-ref-hero {
        min-height: 680px;
    }

}

@media(max-width:600px) {

    .jtii-ref-hero {
        min-height: 760px;
    }

}

/*
|--------------------------------------------------------------------------
| JTII HERO - ONE SCREEN DESKTOP
|--------------------------------------------------------------------------
*/

.jtii-ref-hero {
    min-height: clamp(
        540px,
        calc(100svh - 145px),
        690px
    );
}


/*
 * Search tetap menempel di bawah hero.
 */
.jtii-ref-search-wrap {
    bottom: 18px !important;
}


/*
 * Section setelah hero dibuat cukup dekat
 * agar sedikit terlihat pada first screen.
 */
.jtii-ref-hero + .jtii-section {
    padding-top: 80px;
}


/*
|--------------------------------------------------------------------------
| LARGE DESKTOP
|--------------------------------------------------------------------------
*/

@media(min-width:1600px) {

    .jtii-ref-hero {
        min-height: clamp(
            570px,
            calc(100svh - 150px),
            710px
        );
    }

}


/*
|--------------------------------------------------------------------------
| LAPTOP
|--------------------------------------------------------------------------
*/

@media(
    min-width:901px
) and (
    max-height:850px
) {

    .jtii-ref-hero {
        min-height: 570px;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE / TABLET
|--------------------------------------------------------------------------
|
| Jangan paksa 1 screen pada mobile karena
| search harus stack dan butuh ruang lebih.
|
*/

@media(max-width:900px) {

    .jtii-ref-hero {
        min-height: 680px;
    }

}

@media(max-width:600px) {

    .jtii-ref-hero {
        min-height: 760px;
    }

}


/*
|--------------------------------------------------------------------------
| JTII QUICK BUSINESS ACCESS
|--------------------------------------------------------------------------
*/

.jtii-business-access {
    position: relative;

    z-index: 10;

    padding:
        18px 0
        20px;

    background: #ffffff;
}


.jtii-business-access-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 12px;
}


/*
|--------------------------------------------------------------------------
| CARD
|--------------------------------------------------------------------------
*/

.jtii-access-card {
    position: relative;

    min-height: 118px;

    display: grid;

    grid-template-columns:
        1.15fr .85fr;

    overflow: hidden;

    background: #ffffff;

    border:
        1px solid #e4e8ed;

    border-radius: 8px;

    box-shadow:
        0 7px 22px rgba(11,33,61,.055);

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


.jtii-access-card:hover {
    transform:
        translateY(-4px);

    box-shadow:
        0 16px 36px rgba(11,33,61,.11);
}


/*
|--------------------------------------------------------------------------
| COPY
|--------------------------------------------------------------------------
*/

.jtii-access-copy {
    position: relative;

    z-index: 2;

    padding:
        16px 10px
        14px 16px;
}


.jtii-access-icon {
    width: 46px;
    height: 46px;

    display: grid;
    place-items: center;

    margin:
        -16px 0
        8px -16px;

    background: #0b213d;

    color: #ffffff;

    font-size: 22px;
}


.jtii-access-copy h3 {
    margin: 0;

    color: #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    font-weight: 600;
}


.jtii-access-copy p {
    margin:
        5px 0 0;

    color: #718091;

    font-size: 9px;

    line-height: 1.45;
}


/*
|--------------------------------------------------------------------------
| IMAGE
|--------------------------------------------------------------------------
*/

.jtii-access-photo {
    position: relative;

    min-height: 118px;

    overflow: hidden;

    background: #e9edf1;
}


.jtii-access-photo::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.85),
            rgba(255,255,255,0) 45%
        );
}


.jtii-access-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .35s ease;
}


.jtii-access-card:hover
.jtii-access-photo img {
    transform:
        scale(1.05);
}


/*
|--------------------------------------------------------------------------
| ARROW
|--------------------------------------------------------------------------
*/

.jtii-access-arrow {
    position: absolute;

    z-index: 4;

    right: 11px;
    bottom: 11px;

    width: 31px;
    height: 31px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: #ffffff;

    border:
        1px solid #dfe4e9;

    color: #0b213d;

    font-size: 13px;

    box-shadow:
        0 4px 12px rgba(11,33,61,.08);

    transition:
        background .2s ease,
        color .2s ease;
}


.jtii-access-card:hover
.jtii-access-arrow {
    background: #0b213d;

    color: #ffffff;
}


/*
|--------------------------------------------------------------------------
| STAT STRIP
|--------------------------------------------------------------------------
*/

.jtii-home-stats {
    padding:
        18px 0;

    background:
        linear-gradient(
            90deg,
            #f8f5ee,
            #ffffff,
            #f8f5ee
        );

    border-top:
        1px solid #eee9df;

    border-bottom:
        1px solid #eee9df;
}


.jtii-home-stats-grid {
    display: grid;

    grid-template-columns:
        repeat(5, 1fr);
}


.jtii-stat-item {
    min-height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    padding:
        0 18px;

    border-right:
        1px solid #ded9ce;
}


.jtii-stat-item:last-child {
    border-right: 0;
}


.jtii-stat-icon {
    width: 40px;
    height: 40px;

    display: grid;
    place-items: center;

    flex: 0 0 40px;

    border:
        1px solid #c9a25b;

    border-radius: 50%;

    color: #b48a43;

    font-size: 17px;
}


.jtii-stat-item > div {
    display: flex;

    flex-direction: column;
}


.jtii-stat-item strong {
    color: #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    line-height: 1;
}


.jtii-stat-item div span {
    margin-top: 4px;

    color: #687586;

    font-size: 9px;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media(max-width:1050px) {

    .jtii-business-access-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .jtii-home-stats-grid {
        grid-template-columns:
            repeat(3,1fr);
    }

    .jtii-stat-item {
        border-bottom:
            1px solid #ded9ce;
    }

}


@media(max-width:600px) {

    .jtii-business-access-grid {
        grid-template-columns: 1fr;
    }

    .jtii-home-stats-grid {
        grid-template-columns:
            1fr 1fr;
    }

    .jtii-stat-item {
        justify-content: flex-start;

        border-right: 0;
    }

}

/*
|--------------------------------------------------------------------------
| JTII STATS FINAL
|--------------------------------------------------------------------------
*/

.jtii-stat-icon svg {
    width: 21px;
    height: 21px;

    fill: none;

    stroke: #b58c4a;
    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.jtii-stat-copy strong {
    white-space: nowrap;
}

.jtii-stat-indonesia {
    gap: 16px;
}

.jtii-indonesia-mark {
    min-width: 84px;

    color: #b58c4a;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .08em;

    text-align: center;

    padding: 10px 8px;

    border-top: 1px solid #c9a25b;
    border-bottom: 1px solid #c9a25b;
}

/*
|--------------------------------------------------------------------------
| JTII STATS FINAL
|--------------------------------------------------------------------------
*/

.jtii-home-stats {
    padding: 0;

    background:
        linear-gradient(
            90deg,
            #faf7f0 0%,
            #ffffff 48%,
            #faf7f0 100%
        );

    border-top: 1px solid #eee8dc;
    border-bottom: 1px solid #eee8dc;
}

.jtii-home-stats-grid {
    min-height: 82px;

    display: grid;

    grid-template-columns:
        1fr
        1.2fr
        1fr
        .85fr
        1.35fr;

    align-items: center;
}

.jtii-stat-item {
    min-height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    padding: 10px 22px;

    border-right:
        1px solid #ded8cd;
}

.jtii-stat-item:last-child {
    border-right: 0;
}


/*
|--------------------------------------------------------------------------
| ICON
|--------------------------------------------------------------------------
*/

.jtii-stat-icon {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: grid;

    place-items: center;

    border:
        1px solid #c9a25b;

    border-radius: 50%;

    background:
        rgba(255,255,255,.7);
}

.jtii-stat-icon svg {
    width: 21px;
    height: 21px;

    fill: none;

    stroke: #b58c4a;

    stroke-width: 1.5;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/*
|--------------------------------------------------------------------------
| TEXT
|--------------------------------------------------------------------------
*/

.jtii-stat-copy {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 0;
}

.jtii-stat-copy strong {
    color: #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.05;

    white-space: nowrap;
}

.jtii-stat-copy span {
    margin-top: 4px;

    color: #667487;

    font-size: 9px;

    font-weight: 600;

    line-height: 1.25;
}


/*
|--------------------------------------------------------------------------
| INDONESIA MAP
|--------------------------------------------------------------------------
*/

.jtii-indonesia-map {
    width: 140px !important;
    min-width: 140px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.jtii-indonesia-map svg {
    display: block;

    width: 86px;
    height: auto;

    fill: none;

    stroke: #b58c4a;

    stroke-width: 3;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media(max-width:1050px) {

    .jtii-home-stats-grid {
        grid-template-columns:
            repeat(3, 1fr);
    }

    .jtii-stat-item {
        border-bottom:
            1px solid #ded8cd;
    }

}

@media(max-width:600px) {

    .jtii-home-stats-grid {
        grid-template-columns:
            1fr 1fr;
    }

    .jtii-stat-item {
        justify-content: flex-start;

        padding: 15px 12px;

        border-right: 0;
    }

    .jtii-stat-copy strong {
        font-size: 17px;

        white-space: normal;
    }

    .jtii-indonesia-map {
    width: 140px !important;
    min-width: 140px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .jtii-indonesia-map svg {
        width: 55px;
    }

}

/*
|--------------------------------------------------------------------------
| JTII BUSINESS CARD - FINAL REFERENCE STYLE
|--------------------------------------------------------------------------
*/

.jtii-business-access {
    padding:
        18px 0 22px;

    background: #ffffff;
}


.jtii-business-access-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 14px;
}


/*
|--------------------------------------------------------------------------
| CARD
|--------------------------------------------------------------------------
*/

.jtii-access-card {
    position: relative !important;

    display: block !important;

    height: 155px !important;
    min-height: 155px !important;

    overflow: hidden !important;

    background: #e8edf2 !important;

    border:
        1px solid #dce2e8 !important;

    border-radius: 11px !important;

    box-shadow:
        0 5px 18px rgba(11,33,61,.08) !important;

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


.jtii-access-card:hover {
    transform:
        translateY(-4px) !important;

    box-shadow:
        0 14px 30px rgba(11,33,61,.14) !important;
}


/*
|--------------------------------------------------------------------------
| FULL BACKGROUND PHOTO
|--------------------------------------------------------------------------
*/

.jtii-access-photo {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;

    overflow: hidden !important;

    z-index: 1 !important;
}


.jtii-access-photo::after {
    display: none !important;
}


.jtii-access-photo img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    transition:
        transform .5s ease !important;
}


.jtii-access-card:hover
.jtii-access-photo img {
    transform:
        scale(1.045) !important;
}


/*
|--------------------------------------------------------------------------
| WHITE DIAGONAL PANEL
|--------------------------------------------------------------------------
*/

.jtii-access-copy {
    position: absolute !important;

    inset: 0 !important;

    z-index: 3 !important;

    padding: 0 !important;

    pointer-events: none;
}


.jtii-access-copy::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 78%;
    height: 72%;

    background: #ffffff;

    clip-path:
        polygon(
            0 0,
            69% 0,
            100% 100%,
            0 100%
        );

    z-index: -1;
}


/*
|--------------------------------------------------------------------------
| NAVY ICON BOX
|--------------------------------------------------------------------------
*/

.jtii-access-icon {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 72px !important;
    height: 62px !important;

    margin: 0 !important;

    display: grid !important;

    place-items: center !important;

    background: #0b213d !important;

    color: #ffffff !important;

    font-size: 26px !important;

    border-radius:
        10px 0 8px 0 !important;

    z-index: 5 !important;
}


/*
|--------------------------------------------------------------------------
| TEXT
|--------------------------------------------------------------------------
*/

.jtii-access-copy > div:last-child {
    position: absolute;

    left: 17px;
    bottom: 14px;

    width: 57%;

    z-index: 4;
}


.jtii-access-copy h3 {
    margin:
        0 0 5px !important;

    color: #0b213d !important;

    font-family:
        inherit !important;

    font-size: 15px !important;

    font-weight: 800 !important;

    line-height: 1.15 !important;
}


.jtii-access-copy p {
    margin: 0 !important;

    max-width: 175px !important;

    color: #647385 !important;

    font-size: 9px !important;

    line-height: 1.35 !important;
}


/*
|--------------------------------------------------------------------------
| ROUND ARROW
|--------------------------------------------------------------------------
*/

.jtii-access-arrow {
    position: absolute !important;

    right: 13px !important;
    bottom: 12px !important;

    width: 36px !important;
    height: 36px !important;

    display: grid !important;

    place-items: center !important;

    z-index: 6 !important;

    border:
        1px solid #dbe1e6 !important;

    border-radius: 50% !important;

    background: #ffffff !important;

    color: #0b213d !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    box-shadow:
        0 4px 12px rgba(11,33,61,.10) !important;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}


.jtii-access-card:hover
.jtii-access-arrow {
    background: #0b213d !important;

    color: #ffffff !important;

    transform:
        translateX(2px) !important;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media(max-width:1050px) {

    .jtii-business-access-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:600px) {

    .jtii-business-access-grid {
        grid-template-columns: 1fr;
    }

    .jtii-access-card {
        height: 165px !important;
        min-height: 165px !important;
    }

}

/*
|--------------------------------------------------------------------------
| JTII ACCESS CARD - POLISH
|--------------------------------------------------------------------------
*/

.jtii-access-card {
    height: 150px !important;
    min-height: 150px !important;
}


/* panel putih diagonal sedikit lebih ramping */

.jtii-access-copy::before {
    width: 76% !important;
    height: 70% !important;

    clip-path:
        polygon(
            0 0,
            66% 0,
            100% 100%,
            0 100%
        ) !important;
}


/* icon box */

.jtii-access-icon {
    width: 68px !important;
    height: 58px !important;

    font-size: 0 !important;
}


/* icon building profesional */

.jtii-access-icon::before {
    content: "";

    width: 22px;
    height: 22px;

    border:
        2px solid #ffffff;

    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 4px,
            #ffffff 4px 6px
        ),
        repeating-linear-gradient(
            0deg,
            transparent 0 4px,
            #ffffff 4px 6px
        );

    opacity: .95;
}


/* text */

.jtii-access-copy > div:last-child {
    left: 16px !important;
    bottom: 16px !important;

    width: 56% !important;
}

.jtii-access-copy h3 {
    font-size: 16px !important;
    font-weight: 800 !important;

    margin-bottom: 5px !important;
}

.jtii-access-copy p {
    font-size: 9px !important;
    line-height: 1.4 !important;
}


/* arrow */

.jtii-access-arrow {
    right: 12px !important;
    bottom: 11px !important;

    width: 34px !important;
    height: 34px !important;

    font-size: 13px !important;
}


/* foto */

.jtii-access-photo img {
    object-position: center 45% !important;
}

/*
|--------------------------------------------------------------------------
| JTII ACCESS CARD IMAGE POSITION
|--------------------------------------------------------------------------
*/

.jtii-access-card:nth-child(1)
.jtii-access-photo img {
    object-position: 58% center !important;
}

.jtii-access-card:nth-child(2)
.jtii-access-photo img {
    object-position: 62% center !important;
}

.jtii-access-card:nth-child(3)
.jtii-access-photo img {
    object-position: 58% center !important;
}

.jtii-access-card:nth-child(4)
.jtii-access-photo img {
    object-position: 52% center !important;
}

/* ==========================================================
   FIX CARD BACKGROUND - putih tidak over & tidak terlalu lancip
   ========================================================== */

.jtii-access-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #ffffff;
}

/* foto kanan */
.jtii-access-photo {
    position: absolute;
    top: 0;
    right: 0;
    width: 74%;
    height: 100%;
    z-index: 1;
}

.jtii-access-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* bidang putih bawah-kiri */
.jtii-access-body,
.jtii-access-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 76%;
    min-height: 112px;
    padding: 24px 24px 20px;
    background: #ffffff;
    z-index: 3;

    /* lebih landai, tidak terlalu lancip */
    clip-path: polygon(
        0 0,
        72% 0,
        88% 100%,
        0 100%
    );
}

/* icon box */
.jtii-access-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 88px;
    height: 72px;
    border-radius: 0 0 14px 0;
    z-index: 4;
}

/* tombol panah */
.jtii-access-arrow {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 5;
}

/* rapikan teks */
.jtii-access-card h3,
.jtii-access-card .jtii-access-title {
    margin: 0 0 8px;
}

.jtii-access-card p,
.jtii-access-card .jtii-access-text {
    margin: 0;
    max-width: 220px;
    line-height: 1.45;
}

/*
|--------------------------------------------------------------------------
| JTII ACCESS CARD - CLEAN DIAGONAL FINAL
|--------------------------------------------------------------------------
*/

/* Card wajib memotong seluruh shape */
.jtii-access-card {
    overflow: hidden !important;
}


/*
|--------------------------------------------------------------------------
| WHITE BASE
|--------------------------------------------------------------------------
*/

.jtii-access-copy::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 55% !important;
    height: 70% !important;

    background: #ffffff !important;

    clip-path: none !important;

    border-radius: 0 !important;

    transform: none !important;

    z-index: 0 !important;
}


/*
|--------------------------------------------------------------------------
| WHITE SLOPE
|--------------------------------------------------------------------------
|
| Dibuat terpisah supaya:
| - garis atas tidak over
| - tidak ada ujung lancip
| - diagonal lebih smooth
|
*/

.jtii-access-copy::after {
    content: "" !important;

    position: absolute !important;

    left: 49% !important;
    bottom: 0 !important;

    width: 28% !important;
    height: 70% !important;

    background: #ffffff !important;

    transform:
        skewX(23deg) !important;

    transform-origin:
        left bottom !important;

    border-top-right-radius: 5px !important;

    z-index: 0 !important;
}


/*
|--------------------------------------------------------------------------
| CONTENT ABOVE SHAPE
|--------------------------------------------------------------------------
*/

.jtii-access-copy > div:last-child {
    position: absolute !important;

    z-index: 3 !important;

    left: 16px !important;
    bottom: 16px !important;

    width: 52% !important;
}


/*
|--------------------------------------------------------------------------
| ICON ABOVE WHITE PANEL
|--------------------------------------------------------------------------
*/

.jtii-access-icon {
    z-index: 5 !important;
}


/*
|--------------------------------------------------------------------------
| ARROW ABOVE ALL
|--------------------------------------------------------------------------
*/

.jtii-access-arrow {
    z-index: 6 !important;
}

/*
|--------------------------------------------------------------------------
| ACCESS CARD - FINAL SHAPE POLISH
|--------------------------------------------------------------------------
*/

/* bidang putih utama sedikit dipendekkan */
.jtii-access-copy::before {
    width: 52% !important;
}


/* diagonal mulai sedikit lebih awal dan lebih landai */
.jtii-access-copy::after {
    left: 46% !important;

    width: 29% !important;

    transform:
        skewX(19deg) !important;
}


/* teks tetap aman di dalam area putih */
.jtii-access-copy > div:last-child {
    width: 51% !important;

    left: 18px !important;
    bottom: 17px !important;
}


/*
|--------------------------------------------------------------------------
| ARROW - seperti referensi
|--------------------------------------------------------------------------
*/

.jtii-access-arrow {
    width: 36px !important;
    height: 36px !important;

    right: 13px !important;
    bottom: 13px !important;

    background: #ffffff !important;

    border:
        1px solid #d9e0e6 !important;

    color: #0b213d !important;

    box-shadow:
        0 4px 14px rgba(11,33,61,.11) !important;
}

.jtii-access-card:hover
.jtii-access-arrow {
    background: #ffffff !important;

    color: #b58c4a !important;

    transform:
        translateX(2px) !important;
}

/*
|--------------------------------------------------------------------------
| ACCESS CARD - ALIGN FINAL
|--------------------------------------------------------------------------
*/

.jtii-access-card {
    height: 150px !important;
    min-height: 150px !important;

    overflow: hidden !important;

    border-radius: 12px !important;
}


/*
 * Kotak icon: tinggi pasti 62px
 */
.jtii-access-icon {
    top: 0 !important;
    left: 0 !important;

    width: 70px !important;
    height: 62px !important;

    border-radius:
        12px 0 8px 0 !important;

    z-index: 5 !important;
}


/*
 * Hapus shape putih lama dua layer
 */
.jtii-access-copy::after {
    display: none !important;
    content: none !important;
}


/*
 * Satu bidang putih:
 * mulai PERSIS dari bawah kotak icon.
 */
.jtii-access-copy::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 62px !important;
    bottom: 0 !important;

    width: 100% !important;
    height: auto !important;

    background: #ffffff !important;

    transform: none !important;

    border-radius: 0 !important;

    clip-path:
        polygon(
            0 0,
            55% 0,
            72% 100%,
            0 100%
        ) !important;

    z-index: 0 !important;
}


/*
|--------------------------------------------------------------------------
| TEXT
|--------------------------------------------------------------------------
*/

.jtii-access-copy > div:last-child {
    left: 18px !important;
    bottom: 15px !important;

    width: 53% !important;

    z-index: 3 !important;
}


.jtii-access-copy h3 {
    margin-bottom: 5px !important;
}


/*
|--------------------------------------------------------------------------
| PHOTO
|--------------------------------------------------------------------------
*/

.jtii-access-photo {
    inset: 0 !important;
}


/*
|--------------------------------------------------------------------------
| ARROW
|--------------------------------------------------------------------------
*/

.jtii-access-arrow {
    right: 13px !important;
    bottom: 13px !important;

    width: 36px !important;
    height: 36px !important;

    background: #ffffff !important;
    color: #0b213d !important;
}

/*
|--------------------------------------------------------------------------
| JTII ACCESS CARD - SVG FINAL
|--------------------------------------------------------------------------
*/

.jtii-access-card {
    position: relative !important;

    height: 150px !important;
    min-height: 150px !important;

    overflow: hidden !important;

    border-radius: 14px !important;

    background: #ffffff !important;

    border:
        1px solid rgba(11,33,61,.12) !important;

    box-shadow:
        0 7px 22px rgba(11,33,61,.08) !important;
}


/*
|--------------------------------------------------------------------------
| PHOTO
|--------------------------------------------------------------------------
*/

.jtii-access-photo {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;
}

.jtii-access-photo img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/*
|--------------------------------------------------------------------------
| SVG WHITE PANEL
|--------------------------------------------------------------------------
*/

.jtii-access-copy {
    position: absolute !important;

    inset: 0 !important;

    z-index: 3 !important;

    padding: 0 !important;
}


/* buang semua polygon / patch lama */

.jtii-access-copy::before {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background:
        url('../img/card-panel.svg')
        left top / 100% 100%
        no-repeat !important;

    clip-path: none !important;

    transform: none !important;

    border-radius: 0 !important;

    z-index: 0 !important;
}


.jtii-access-copy::after {
    display: none !important;

    content: none !important;
}


/* matikan patch lama jika masih ada */

.jtii-access-smooth-corner {
    display: none !important;
}


/*
|--------------------------------------------------------------------------
| ICON BOX
|--------------------------------------------------------------------------
*/

.jtii-access-icon {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 70px !important;
    height: 62px !important;

    margin: 0 !important;

    z-index: 5 !important;

    background: #0b213d !important;

    border-radius:
        14px 0 10px 0 !important;
}


/*
|--------------------------------------------------------------------------
| TEXT
|--------------------------------------------------------------------------
*/

.jtii-access-copy > div:last-child {
    position: absolute !important;

    left: 18px !important;
    bottom: 15px !important;

    width: 52% !important;

    z-index: 4 !important;
}


.jtii-access-copy h3 {
    margin:
        0 0 5px !important;

    color: #0b213d !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    line-height: 1.15 !important;
}


.jtii-access-copy p {
    margin: 0 !important;

    max-width: 180px !important;

    color: #657487 !important;

    font-size: 9px !important;

    line-height: 1.4 !important;
}


/*
|--------------------------------------------------------------------------
| PROFESSIONAL ARROW BUTTON
|--------------------------------------------------------------------------
*/

.jtii-access-arrow {
    position: absolute !important;

    right: 13px !important;
    bottom: 13px !important;

    width: 38px !important;
    height: 38px !important;

    z-index: 6 !important;

    display: block !important;

    overflow: hidden !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(11,33,61,.14) !important;

    background: #ffffff !important;

    color: transparent !important;

    font-size: 0 !important;

    box-shadow:
        0 5px 14px rgba(11,33,61,.10) !important;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease !important;
}


/* garis panah */

.jtii-access-arrow::before {
    content: "" !important;

    position: absolute;

    width: 11px;
    height: 1.5px;

    left: 13px;
    top: 18px;

    background: #0b213d;

    border-radius: 2px;

    transition:
        background .2s ease;
}


/* kepala panah */

.jtii-access-arrow::after {
    content: "" !important;

    position: absolute;

    width: 5px;
    height: 5px;

    left: 18px;
    top: 15.5px;

    border-top:
        1.5px solid #0b213d;

    border-right:
        1.5px solid #0b213d;

    transform:
        rotate(45deg);

    transition:
        border-color .2s ease;
}


.jtii-access-card:hover
.jtii-access-arrow {
    background: #0b213d !important;

    transform:
        translateX(2px) !important;

    box-shadow:
        0 8px 20px rgba(11,33,61,.18) !important;
}


.jtii-access-card:hover
.jtii-access-arrow::before {
    background: #ffffff;
}


.jtii-access-card:hover
.jtii-access-arrow::after {
    border-color: #ffffff;
}
/*
|--------------------------------------------------------------------------
| JTII ACCESS CARD - REFINED SIZE
|--------------------------------------------------------------------------
*/

.jtii-access-card {
    height: 172px !important;
    min-height: 172px !important;

    border-radius: 16px !important;

    box-shadow:
        0 10px 24px rgba(11,33,61,.10) !important;
}

.jtii-access-photo {
    inset: 0 !important;
}

.jtii-access-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.jtii-access-copy::before {
    background:
        url('../img/card-panel.svg')
        left top / 100% 100%
        no-repeat !important;
}

/*
|--------------------------------------------------------------------------
| ICON
|--------------------------------------------------------------------------
*/

.jtii-access-icon {
    width: 78px !important;
    height: 68px !important;

    border-radius:
        16px 0 12px 0 !important;
}

.jtii-access-icon svg,
.jtii-access-icon img,
.jtii-access-icon i {
    transform: scale(1.08);
}

/*
|--------------------------------------------------------------------------
| TEXT AREA
|--------------------------------------------------------------------------
*/

.jtii-access-copy > div:last-child {
    left: 22px !important;
    bottom: 18px !important;

    width: 54% !important;
}

.jtii-access-copy h3 {
    margin: 0 0 8px !important;

    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -.2px !important;

    color: #0b213d !important;
}

.jtii-access-copy p {
    margin: 0 !important;

    max-width: 220px !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #6a7687 !important;
}

/*
|--------------------------------------------------------------------------
| ARROW BUTTON
|--------------------------------------------------------------------------
*/

.jtii-access-arrow {
    right: 14px !important;
    bottom: 14px !important;

    width: 44px !important;
    height: 44px !important;

    border-radius: 999px !important;
    border: 1px solid rgba(11,33,61,.12) !important;
    background: #ffffff !important;

    box-shadow:
        0 8px 18px rgba(11,33,61,.12) !important;
}

.jtii-access-arrow::before {
    width: 12px !important;
    height: 2px !important;

    left: 14px !important;
    top: 21px !important;

    background: #0b213d !important;
    border-radius: 3px !important;
}

.jtii-access-arrow::after {
    width: 6px !important;
    height: 6px !important;

    left: 20px !important;
    top: 18px !important;

    border-top: 2px solid #0b213d !important;
    border-right: 2px solid #0b213d !important;
    transform: rotate(45deg) !important;
}

.jtii-access-card:hover .jtii-access-arrow {
    background: #0b213d !important;
    transform: translateX(2px) !important;
    box-shadow:
        0 10px 22px rgba(11,33,61,.20) !important;
}

.jtii-access-card:hover .jtii-access-arrow::before {
    background: #ffffff !important;
}

.jtii-access-card:hover .jtii-access-arrow::after {
    border-color: #ffffff !important;
}

/*
|--------------------------------------------------------------------------
| JTII CARD SVG ICONS
|--------------------------------------------------------------------------
*/

.jtii-access-icon::before,
.jtii-access-icon::after {
    display: none !important;
    content: none !important;
}

.jtii-access-icon {
    color: #ffffff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.jtii-access-icon svg {
    display: block;

    width: 31px;
    height: 31px;

    color: #ffffff;
}

.jtii-access-icon svg * {
    stroke: currentColor;
}

/*
|--------------------------------------------------------------------------
| JTII SERVICE SVG ICON - FINAL
|--------------------------------------------------------------------------
*/

.jtii-access-icon svg {
    display: block !important;

    width: 29px !important;
    height: 29px !important;

    color: #ffffff !important;

    fill: none !important;
}

.jtii-access-icon svg path,
.jtii-access-icon svg circle,
.jtii-access-icon svg line,
.jtii-access-icon svg polyline {
    stroke: currentColor !important;
    vector-effect: non-scaling-stroke;
}

.jtii-access-card:nth-child(2) .jtii-access-icon svg {
    width: 31px !important;
    height: 31px !important;
}

.jtii-access-card:nth-child(3) .jtii-access-icon svg {
    width: 30px !important;
    height: 30px !important;
}

/*
|--------------------------------------------------------------------------
| SERVICE CARD ICON + PANEL ALIGNMENT FINAL
|--------------------------------------------------------------------------
*/

.jtii-access-icon {
    width: 78px !important;
    height: 68px !important;

    z-index: 6 !important;

    border-radius:
        16px 0 12px 0 !important;
}

.jtii-access-icon svg {
    width: 30px !important;
    height: 30px !important;

    display: block !important;

    color: #ffffff !important;
}

.jtii-access-copy::before {
    inset: 0 !important;

    background:
        url('../img/card-panel.svg')
        left top / 100% 100%
        no-repeat !important;

    z-index: 2 !important;
}

/*
 * overlap tipis untuk mencegah hairline/gap
 */
.jtii-access-copy {
    top: -1px !important;
    bottom: -1px !important;
}

/*
|--------------------------------------------------------------------------
| JTII FILLED SERVICE ICONS
|--------------------------------------------------------------------------
*/

.jtii-access-icon svg {
    width: 32px !important;
    height: 32px !important;

    display: block !important;

    color: #ffffff !important;

    fill: currentColor !important;
}

.jtii-access-icon svg path,
.jtii-access-icon svg g {
    fill: currentColor !important;
    stroke: none !important;
}

/* Building sedikit lebih tinggi */
.jtii-access-card:nth-child(1)
.jtii-access-icon svg {
    width: 31px !important;
    height: 34px !important;
}

/* Handshake sedikit lebih lebar */
.jtii-access-card:nth-child(2)
.jtii-access-icon svg {
    width: 36px !important;
    height: 30px !important;
}

/* Gavel */
.jtii-access-card:nth-child(3)
.jtii-access-icon svg {
    width: 34px !important;
    height: 34px !important;
}

/*
|--------------------------------------------------------------------------
| JTII SERVICE WEBP ICONS
|--------------------------------------------------------------------------
*/

.jtii-access-icon::before,
.jtii-access-icon::after {
    display: none !important;
    content: none !important;
}

.jtii-access-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 78px !important;
    height: 68px !important;

    overflow: hidden !important;

    background: #0b213d !important;

    border-radius:
        16px 0 12px 0 !important;
}

.jtii-access-icon img {
    display: block !important;

    width: 36px !important;
    height: 36px !important;

    max-width: 36px !important;
    max-height: 36px !important;

    object-fit: contain !important;

    /*
     * Untuk icon hitam transparan:
     * ubah otomatis menjadi putih.
     */
    filter:
        brightness(0)
        invert(1) !important;
}


/* Building */

.jtii-access-card:nth-child(1)
.jtii-access-icon img {
    width: 35px !important;
    height: 35px !important;
}


/* Handshake */

.jtii-access-card:nth-child(2)
.jtii-access-icon img {
    width: 39px !important;
    height: 39px !important;
}


/* Auction */

.jtii-access-card:nth-child(3)
.jtii-access-icon img {
    width: 38px !important;
    height: 38px !important;
}


/* Map */

.jtii-access-card:nth-child(4)
.jtii-access-icon img {
    width: 35px !important;
    height: 35px !important;
}

/*
|--------------------------------------------------------------------------
| INDONESIA MAP STATS
|--------------------------------------------------------------------------
*/

.jtii-indonesia-map {
    width: 140px !important;
    min-width: 140px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.jtii-indonesia-map img {
    display: block !important;
    width: 135px !important;
    height: 68px !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: none !important;
}

.jtii-stat-indonesia {
    gap: 18px !important;
}

@media(max-width:600px) {

    .jtii-indonesia-map {
    width: 140px !important;
    min-width: 140px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .jtii-indonesia-map img {
    display: block !important;
    width: 135px !important;
    height: 68px !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: none !important;
}

}

/* MAP INDONESIA - PERBESAR */

.jtii-indonesia-map {
    width: 150px !important;
    min-width: 150px !important;
}

.jtii-indonesia-map img {
    width: 145px !important;
    height: 72px !important;
    max-width: 145px !important;
    object-fit: contain !important;
}


/*
|--------------------------------------------------------------------------
| JTII STATS CUSTOM ICONS
|--------------------------------------------------------------------------
*/

/* sembunyikan SVG lama pada item 1, 3, 4 */
.jtii-stat-item:nth-child(1) .jtii-stat-icon svg,
.jtii-stat-item:nth-child(3) .jtii-stat-icon svg,
.jtii-stat-item:nth-child(4) .jtii-stat-icon svg {
    display: none !important;
}


/* icon umum */
.jtii-stat-item:nth-child(1) .jtii-stat-icon,
.jtii-stat-item:nth-child(3) .jtii-stat-icon,
.jtii-stat-item:nth-child(4) .jtii-stat-icon {
    background-color: #ffffff !important;

    background-repeat: no-repeat !important;
    background-position: center !important;

    border: 1px solid #c9a25b !important;
}


/* 10 Tahun */
.jtii-stat-item:nth-child(1) .jtii-stat-icon {
    background-image:
        url('/wp-content/uploads/2026/10/handshake1.webp') !important;

    background-size: 27px 27px !important;
}


/* 665+ Aset Properti */
.jtii-stat-item:nth-child(3) .jtii-stat-icon {
    background-image:
        url('/wp-content/uploads/2026/10/file.webp') !important;

    background-size: 25px 25px !important;
}


/* Mitra */
.jtii-stat-item:nth-child(4) .jtii-stat-icon {
    background-image:
        url('/wp-content/uploads/2026/10/multiple-users-silhouette.webp') !important;

    background-size: 27px 27px !important;
}

/*
|--------------------------------------------------------------------------
| HIDE RP 30 TRILIUN STAT
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-item:nth-child(2) {
    display: none !important;
}


/*
|--------------------------------------------------------------------------
| STATS JADI 4 KOLOM
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid {
    grid-template-columns:
        1fr
        1fr
        1fr
        1.35fr !important;
}

/*
|--------------------------------------------------------------------------
| STATS FINAL COLOR
|--------------------------------------------------------------------------
*/

.jtii-stat-icon {
    background: #0b213d !important;
    border-color: #0b213d !important;
    color: #ffffff !important;
}


/* Icon SVG menjadi putih */

.jtii-stat-icon svg,
.jtii-stat-icon svg path,
.jtii-stat-icon svg circle {
    stroke: #ffffff !important;
    color: #ffffff !important;
}


/*
|--------------------------------------------------------------------------
| CUSTOM WEBP ICONS AS WHITE MASK
|--------------------------------------------------------------------------
*/

/* Hilangkan background-image lama */
.jtii-stat-item:nth-child(1) .jtii-stat-icon,
.jtii-stat-item:nth-child(3) .jtii-stat-icon,
.jtii-stat-item:nth-child(4) .jtii-stat-icon {
    background-image: none !important;
    position: relative !important;
}


/* icon putih */
.jtii-stat-item:nth-child(1) .jtii-stat-icon::before,
.jtii-stat-item:nth-child(3) .jtii-stat-icon::before,
.jtii-stat-item:nth-child(4) .jtii-stat-icon::before {
    content: "" !important;

    display: block !important;

    width: 27px;
    height: 27px;

    background: #ffffff;

    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}


/* 10+ Tahun */
.jtii-stat-item:nth-child(1)
.jtii-stat-icon::before {
    mask-image:
        url('/wp-content/uploads/2026/10/handshake1.webp');

    -webkit-mask-image:
        url('/wp-content/uploads/2026/10/handshake1.webp');
}


/* 665+ */
.jtii-stat-item:nth-child(3)
.jtii-stat-icon::before {
    mask-image:
        url('/wp-content/uploads/2026/10/file.webp');

    -webkit-mask-image:
        url('/wp-content/uploads/2026/10/file.webp');
}


/* Mitra */
.jtii-stat-item:nth-child(4)
.jtii-stat-icon::before {
    width: 29px;
    height: 29px;

    mask-image:
        url('/wp-content/uploads/2026/10/multiple-users-silhouette.webp');

    -webkit-mask-image:
        url('/wp-content/uploads/2026/10/multiple-users-silhouette.webp');
}

/*
|--------------------------------------------------------------------------
| INDONESIA MAP - BIGGER
|--------------------------------------------------------------------------
*/

.jtii-indonesia-map {
    width: 190px !important;
    min-width: 190px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.jtii-indonesia-map img {
    width: 180px !important;
    height: 82px !important;

    max-width: 180px !important;

    object-fit: contain !important;
}

.jtii-stat-indonesia {
    gap: 22px !important;
}

/*
|--------------------------------------------------------------------------
| STATS ICON FINAL FIX
|--------------------------------------------------------------------------
*/

/* Lingkaran 3 icon menjadi navy */
.jtii-home-stats-grid
.jtii-stat-item:nth-child(1)
.jtii-stat-icon,

.jtii-home-stats-grid
.jtii-stat-item:nth-child(3)
.jtii-stat-icon,

.jtii-home-stats-grid
.jtii-stat-item:nth-child(4)
.jtii-stat-icon {

    background-color: #0b213d !important;
    background-image: none !important;

    border: 1px solid #0b213d !important;

    width: 54px !important;
    height: 54px !important;

    flex: 0 0 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/*
 * Hapus SVG lama
 */
.jtii-home-stats-grid
.jtii-stat-item:nth-child(1)
.jtii-stat-icon svg,

.jtii-home-stats-grid
.jtii-stat-item:nth-child(3)
.jtii-stat-icon svg,

.jtii-home-stats-grid
.jtii-stat-item:nth-child(4)
.jtii-stat-icon svg {
    display: none !important;
}


/*
 * Icon WebP
 */
.jtii-home-stats-grid
.jtii-stat-item:nth-child(1)
.jtii-stat-icon::before,

.jtii-home-stats-grid
.jtii-stat-item:nth-child(3)
.jtii-stat-icon::before,

.jtii-home-stats-grid
.jtii-stat-item:nth-child(4)
.jtii-stat-icon::before {

    content: "" !important;

    display: block !important;

    width: 30px !important;
    height: 30px !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    mask: none !important;
    -webkit-mask: none !important;

    filter:
        brightness(0)
        invert(1) !important;
}


/* 10+ Tahun */
.jtii-home-stats-grid
.jtii-stat-item:nth-child(1)
.jtii-stat-icon::before {

    background-image:
        url('/wp-content/uploads/2026/10/handshake1.webp') !important;
}


/* 665+ Aset */
.jtii-home-stats-grid
.jtii-stat-item:nth-child(3)
.jtii-stat-icon::before {

    background-image:
        url('/wp-content/uploads/2026/10/file.webp') !important;
}


/* Mitra */
.jtii-home-stats-grid
.jtii-stat-item:nth-child(4)
.jtii-stat-icon::before {

    width: 32px !important;
    height: 32px !important;

    background-image:
        url('/wp-content/uploads/2026/10/multiple-users-silhouette.webp') !important;
}


/*
|--------------------------------------------------------------------------
| INDONESIA MAP - LEBIH BESAR
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-indonesia
.jtii-indonesia-map {

    width: 220px !important;
    min-width: 220px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.jtii-home-stats-grid
.jtii-stat-indonesia
.jtii-indonesia-map img {

    display: block !important;

    width: 210px !important;
    max-width: 210px !important;

    height: 90px !important;

    object-fit: contain !important;
}


.jtii-stat-indonesia {
    gap: 20px !important;
}

/*
|--------------------------------------------------------------------------
| JTII STATS - REFERENCE STYLE FINAL
|--------------------------------------------------------------------------
*/

/* Lingkaran putih + garis gold */
.jtii-home-stats-grid .jtii-stat-icon {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;

    border-radius: 50% !important;

    background-color: #ffffff !important;

    border: 1px solid #c89b4b !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: none !important;
}


/* Hilangkan SVG lama */
.jtii-home-stats-grid .jtii-stat-icon svg {
    display: none !important;
}


/* Hilangkan pseudo icon sebelumnya */
.jtii-home-stats-grid .jtii-stat-icon::before,
.jtii-home-stats-grid .jtii-stat-icon::after {
    display: none !important;
    content: none !important;
}


/*
|--------------------------------------------------------------------------
| ICON 10+ TAHUN
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-item:nth-child(1)
.jtii-stat-icon {

    background-image:
        url('/wp-content/uploads/2026/10/handshake1.webp') !important;

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


/*
|--------------------------------------------------------------------------
| ICON 665+ ASET
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-item:nth-child(3)
.jtii-stat-icon {

    background-image:
        url('/wp-content/uploads/2026/10/file.webp') !important;

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


/*
|--------------------------------------------------------------------------
| ICON MITRA
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-item:nth-child(4)
.jtii-stat-icon {

    background-image:
        url('/wp-content/uploads/2026/10/multiple-users-silhouette.webp') !important;

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


/*
|--------------------------------------------------------------------------
| TYPOGRAPHY
|--------------------------------------------------------------------------
*/

.jtii-stat-copy strong {
    color: #0b213d !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
}

.jtii-stat-copy span {
    color: #637186 !important;

    font-size: 9px !important;

    margin-top: 5px !important;
}


/*
|--------------------------------------------------------------------------
| INDONESIA MAP
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-indonesia
.jtii-indonesia-map {
    width: 145px !important;
    min-width: 145px !important;
}

.jtii-home-stats-grid
.jtii-stat-indonesia
.jtii-indonesia-map img {
    width: 140px !important;
    max-width: 140px !important;

    height: 65px !important;

    object-fit: contain !important;
}


/*
|--------------------------------------------------------------------------
| SPACING
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid {
    min-height: 95px !important;
}

.jtii-stat-item {
    min-height: 70px !important;

    gap: 16px !important;
}

/*
|--------------------------------------------------------------------------
| JTII STATS ICON + MAP FINAL FIX
|--------------------------------------------------------------------------
*/

/* Lingkaran statistik */
.jtii-home-stats-grid .jtii-stat-icon {
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;
    border: 1px solid #c89b4b !important;
    border-radius: 50% !important;

    overflow: hidden !important;
}


/* SVG lama tetap disembunyikan */
.jtii-home-stats-grid .jtii-stat-icon svg {
    display: none !important;
}


/*
|--------------------------------------------------------------------------
| ICON 10+ TAHUN
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-item:nth-child(1)
.jtii-stat-icon::before {

    content:
        url('/wp-content/uploads/2026/10/handshake1.webp') !important;

    display: block !important;

    width: 31px !important;
    height: 31px !important;

    transform: scale(.75) !important;

    object-fit: contain !important;
}


/*
|--------------------------------------------------------------------------
| ICON 665+ ASET
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-item:nth-child(3)
.jtii-stat-icon::before {

    content:
        url('/wp-content/uploads/2026/10/file.webp') !important;

    display: block !important;

    width: 29px !important;
    height: 29px !important;

    transform: scale(.72) !important;
}


/*
|--------------------------------------------------------------------------
| ICON MITRA
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-item:nth-child(4)
.jtii-stat-icon::before {

    content:
        url('/wp-content/uploads/2026/10/multiple-users-silhouette.webp') !important;

    display: block !important;

    width: 31px !important;
    height: 31px !important;

    transform: scale(.75) !important;
}


/* jangan munculkan pseudo kedua */
.jtii-home-stats-grid
.jtii-stat-icon::after {
    display: none !important;
    content: none !important;
}


/*
|--------------------------------------------------------------------------
| INDONESIA MAP - EXTRA LARGE
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid
.jtii-stat-indonesia
.jtii-indonesia-map {

    width: 210px !important;
    min-width: 210px !important;

    height: 80px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
}


.jtii-home-stats-grid
.jtii-stat-indonesia
.jtii-indonesia-map img {

    display: block !important;

    width: 195px !important;
    max-width: none !important;

    height: 78px !important;

    object-fit: contain !important;

    transform: scale(1.25) !important;
    transform-origin: center !important;
}


/* jarak peta dengan tulisan */
.jtii-home-stats-grid
.jtii-stat-indonesia {
    gap: 26px !important;
}


/*
|--------------------------------------------------------------------------
| STAT HEIGHT
|--------------------------------------------------------------------------
*/

.jtii-home-stats-grid {
    min-height: 105px !important;
}

.jtii-stat-item {
    min-height: 78px !important;
}

/*
|--------------------------------------------------------------------------
| JTII STATS V2 - CLEAN FINAL
|--------------------------------------------------------------------------
*/

.jtii-home-stats-v2 {
    background: #fbf8f2;
    border-top: 1px solid #ebe4d8;
    border-bottom: 1px solid #ebe4d8;
}

.jtii-stats-v2-grid {
    min-height: 118px;

    display: grid;

    grid-template-columns:
        1fr
        1fr
        1fr
        1.55fr;

    align-items: center;
}


/*
|--------------------------------------------------------------------------
| ITEM
|--------------------------------------------------------------------------
*/

.jtii-stat-v2 {
    min-height: 82px;

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

    gap: 18px;

    padding: 14px 28px;

    border-right:
        1px solid #ddd5c9;
}

.jtii-stat-v2:last-child {
    border-right: 0;
}


/*
|--------------------------------------------------------------------------
| ICON CIRCLE
|--------------------------------------------------------------------------
*/

.jtii-stat-v2-icon {
    width: 58px;
    height: 58px;

    flex: 0 0 58px;

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

    background: #ffffff;

    border:
        1.5px solid #c89b4b;

    border-radius: 50%;
}

.jtii-stat-v2-icon img {
    display: block;

    width: 32px;
    height: 32px;

    object-fit: contain;

    /*
     * jika icon hitam, ubah ke gold
     */
    filter:
        invert(57%)
        sepia(43%)
        saturate(650%)
        hue-rotate(356deg)
        brightness(90%)
        contrast(86%);
}


/*
|--------------------------------------------------------------------------
| TEXT
|--------------------------------------------------------------------------
*/

.jtii-stat-v2-copy {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.jtii-stat-v2-copy strong {
    color: #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;
    font-weight: 700;

    line-height: 1.05;

    white-space: nowrap;
}

.jtii-stat-v2-copy span {
    margin-top: 6px;

    color: #607087;

    font-size: 10px;
    font-weight: 500;

    line-height: 1.25;
}


/*
|--------------------------------------------------------------------------
| INDONESIA
|--------------------------------------------------------------------------
*/

.jtii-stat-v2-indonesia {
    gap: 24px;
}

.jtii-stat-v2-map {
    width: 190px;
    flex: 0 0 190px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.jtii-stat-v2-map img {
    display: block;

    width: 185px;
    height: 85px;

    max-width: none;

    object-fit: contain;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media(max-width:1050px) {

    .jtii-stats-v2-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .jtii-stat-v2 {
        justify-content: flex-start;

        border-bottom:
            1px solid #ddd5c9;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:600px) {

    .jtii-stats-v2-grid {
        grid-template-columns: 1fr;
    }

    .jtii-stat-v2 {
        border-right: 0;

        padding:
            18px 20px;
    }

    .jtii-stat-v2-copy strong {
        font-size: 21px;
    }

    .jtii-stat-v2-map {
        width: 120px;
        flex-basis: 120px;
    }

    .jtii-stat-v2-map img {
        width: 115px;
        height: 60px;
    }

}

/*
|--------------------------------------------------------------------------
| JTII STATS V2 - FINAL POLISH
|--------------------------------------------------------------------------
*/

.jtii-stat-v2-map {
    width: 220px !important;
    flex: 0 0 220px !important;
}

.jtii-stat-v2-map img {
    width: 215px !important;
    max-width: 215px !important;
    height: 92px !important;
    object-fit: contain !important;
}

.jtii-stat-v2-indonesia {
    gap: 25px !important;
}

.jtii-stat-v2-copy strong {
    letter-spacing: -.3px;
}


/* MAP INDONESIA - FINAL */
.jtii-stat-v2-indonesia {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
}

.jtii-stat-v2-map {
    width: 180px !important;
    flex: 0 0 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.jtii-stat-v2-map img {
    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

.jtii-stat-v2-copy strong {
    font-size: 22px !important;
}

.jtii-stat-v2-copy span {
    font-size: 15px !important;
}


/*
|--------------------------------------------------------------------------
| JTII STATS V2 - COMPACT FINAL
|--------------------------------------------------------------------------
*/

.jtii-home-stats-v2 {
    padding: 0 !important;
}

.jtii-stats-v2-grid {
    min-height: 88px !important;
}


/* setiap item */
.jtii-stat-v2 {
    min-height: 64px !important;

    gap: 14px !important;

    padding:
        10px 20px !important;
}


/* lingkaran icon */
.jtii-stat-v2-icon {
    width: 48px !important;
    height: 48px !important;

    flex: 0 0 48px !important;
}

.jtii-stat-v2-icon img {
    width: 27px !important;
    height: 27px !important;
}


/* angka / judul */
.jtii-stat-v2-copy strong {
    font-size: 20px !important;

    line-height: 1.05 !important;
}


/* keterangan */
.jtii-stat-v2-copy span {
    margin-top: 4px !important;

    font-size: 9px !important;

    line-height: 1.25 !important;
}


/*
|--------------------------------------------------------------------------
| PETA INDONESIA
|--------------------------------------------------------------------------
*/

.jtii-stat-v2-indonesia {
    gap: 16px !important;
}

.jtii-stat-v2-map {
    width: 145px !important;
    flex: 0 0 145px !important;
}

.jtii-stat-v2-map img {
    width: 140px !important;
    max-width: 140px !important;

    height: 60px !important;

    object-fit: contain !important;
}


/* tulisan Seluruh Indonesia */
.jtii-stat-v2-indonesia
.jtii-stat-v2-copy strong {
    font-size: 20px !important;
}

/*
|--------------------------------------------------------------------------
| INDONESIA MAP - SIZE FINAL
|--------------------------------------------------------------------------
*/

.jtii-stat-v2-map {
    width: 185px !important;
    flex: 0 0 185px !important;

    overflow: visible !important;
}

.jtii-stat-v2-map img {
    display: block !important;

    width: 180px !important;
    max-width: 180px !important;

    height: 72px !important;

    object-fit: contain !important;

    transform: scale(1.12) !important;
    transform-origin: center !important;
}

.jtii-stat-v2-indonesia {
    gap: 14px !important;
}


/* ==========================================================
   JTII HOME — LELANG TERDEKAT
   LUXURY INDONESIA × JAPAN
========================================================== */

.jtii-home-auction-nearest {
    position: relative;

    padding:
        58px 0
        68px;

    background:
        #fbfaf7;

    color:
        #0b213d;
}


/* ==========================================================
   HEADING
========================================================== */

.jtii-home-auction-heading {
    display: flex;

    justify-content:
        space-between;

    align-items:
        flex-end;

    gap:
        30px;

    margin-bottom:
        28px;
}


.jtii-home-auction-kicker {
    margin-bottom:
        7px;

    color:
        #b98127;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.jtii-home-auction-heading h2 {
    position: relative;

    margin:
        0;

    padding-left:
        18px;

    color:
        #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        30px;

    font-weight:
        700;

    line-height:
        1.15;
}


.jtii-home-auction-heading h2::before {
    content: "";

    position:
        absolute;

    left:
        0;

    top:
        5px;

    width:
        3px;

    height:
        24px;

    background:
        #c99f53;
}


.jtii-home-auction-heading p {
    margin:
        7px 0 0
        18px;

    color:
        #718094;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    line-height:
        1.6;
}


.jtii-home-auction-all {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        12px;

    margin-bottom:
        4px;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    text-decoration:
        none;
}


.jtii-home-auction-all span {
    color:
        #c99f53;

    font-size:
        16px;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-home-auction-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:
        22px;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-auction-card {
    overflow:
        hidden;

    border:
        1px solid #e2e5e7;

    border-radius:
        7px;

    background:
        #fff;

    box-shadow:
        0 10px 26px
        rgba(11,33,61,.055);

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


.jtii-home-auction-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(201,159,83,.45);

    box-shadow:
        0 18px 38px
        rgba(11,33,61,.10);
}


/* ==========================================================
   PHOTO
========================================================== */

.jtii-home-auction-photo {
    position:
        relative;

    display:
        block;

    height:
        185px;

    overflow:
        hidden;

    background:
        #e9ecee;
}


.jtii-home-auction-photo img {
    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    transition:
        transform .4s ease;
}


.jtii-home-auction-card:hover
.jtii-home-auction-photo img {
    transform:
        scale(1.025);
}


.jtii-home-auction-placeholder {
    width:
        100%;

    height:
        100%;

    display:
        grid;

    place-items:
        center;

    color:
        #778493;

    font-size:
        10px;

    font-weight:
        800;
}


/* ==========================================================
   COUNTDOWN
========================================================== */

.jtii-home-auction-countdown {
    position:
        absolute;

    left:
        10px;

    top:
        10px;

    min-height:
        31px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    padding:
        0 11px;

    border-radius:
        20px;

    background:
        #e43d3d;

    color:
        #fff;

    box-shadow:
        0 4px 12px
        rgba(190,37,37,.25);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;
}


.jtii-home-auction-clock {
    font-size:
        12px;
}


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

.jtii-home-auction-body {
    padding:
        15px 15px
        16px;
}


.jtii-home-auction-date-row {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    margin-bottom:
        9px;
}


.jtii-home-auction-date-row strong {
    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    font-weight:
        800;
}


.jtii-home-auction-date-row > span {
    max-width:
        125px;

    padding:
        4px 7px;

    border:
        1px solid #b9c5d0;

    border-radius:
        20px;

    color:
        #53667a;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;
}


.jtii-home-auction-category {
    margin-bottom:
        5px;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        12px;

    font-weight:
        800;
}


.jtii-home-auction-location {
    min-height:
        30px;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        6px;

    margin-bottom:
        10px;

    color:
        #718092;

    font-size:
        9px;

    line-height:
        1.45;
}


.jtii-home-auction-location i {
    width:
        11px;

    height:
        14px;

    flex:
        0 0 11px;

    margin-top:
        1px;

    background:
        #c99f53;

    clip-path:
        polygon(
            50% 100%,
            17% 59%,
            10% 40%,
            14% 21%,
            28% 7%,
            50% 0,
            72% 7%,
            86% 21%,
            90% 40%,
            83% 59%
        );
}


/* ==========================================================
   PRICE
========================================================== */

.jtii-home-auction-price {
    padding-top:
        10px;

    border-top:
        1px solid #ece8df;
}


.jtii-home-auction-price span {
    display:
        block;

    margin-bottom:
        4px;

    color:
        #a4772c;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;
}


.jtii-home-auction-price strong {
    display:
        block;

    color:
        #bd7422;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        18px;

    font-weight:
        800;

    line-height:
        1.2;
}


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

.jtii-home-auction-detail {
    min-height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    margin-top:
        14px;

    border-radius:
        3px;

    background:
        linear-gradient(
            90deg,
            #c49445,
            #d8ad60
        );

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .4px;

    text-decoration:
        none;

    text-transform:
        uppercase;
}


.jtii-home-auction-detail span {
    font-size:
        13px;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1050px) {

    .jtii-home-auction-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media (max-width: 600px) {

    .jtii-home-auction-nearest {
        padding:
            42px 0
            48px;
    }


    .jtii-home-auction-heading {
        display:
            block;
    }


    .jtii-home-auction-all {
        margin:
            18px 0 0
            18px;
    }


    .jtii-home-auction-grid {
        grid-template-columns:
            1fr;
    }


    .jtii-home-auction-photo {
        height:
            230px;
    }


    .jtii-home-auction-heading h2 {
        font-size:
            26px;
    }

}



/* ==========================================================
   JTII HOMEPAGE AUCTION CARD
   MATCH LISTING LELANG
========================================================== */

.jtii-home-auction-grid {
    align-items: stretch !important;
}


.jtii-home-auction-card {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    overflow: hidden !important;

    border:
        1px solid #e0e4e8 !important;

    border-radius:
        11px !important;

    background:
        #fff !important;

    box-shadow:
        0 10px 30px
        rgba(11,33,61,.055) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


.jtii-home-auction-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(201,159,83,.5) !important;

    box-shadow:
        0 18px 38px
        rgba(11,33,61,.10) !important;
}


/* ==========================================================
   IMAGE
========================================================== */

.jtii-home-auction-photo {
    position: relative !important;

    display: block !important;

    height: 245px !important;

    overflow: hidden !important;

    background: #e8ebed !important;
}


.jtii-home-auction-photo img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transition:
        transform .35s ease !important;
}


.jtii-home-auction-card:hover
.jtii-home-auction-photo img {
    transform:
        scale(1.025);
}


/* ==========================================================
   KPKNL - TOP LEFT
========================================================== */

.jtii-home-auction-kpknl {
    position: absolute;

    left: 12px;
    top: 12px;

    min-height: 34px;

    display: inline-flex;
    align-items: center;

    padding: 0 13px;

    border:
        1px solid #c99f53;

    border-radius: 4px;

    background:
        rgba(7,25,46,.96);

    color:
        #e0b75b;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .25px;
}


/* ==========================================================
   COUNTDOWN - TOP RIGHT
========================================================== */

.jtii-home-auction-countdown {
    position: absolute !important;

    left: auto !important;
    right: 12px !important;
    top: 12px !important;

    min-height: 35px !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 6px !important;

    padding:
        0 13px !important;

    border-radius:
        22px !important;

    background:
        #ef3e3e !important;

    color:
        #fff !important;

    box-shadow:
        0 5px 14px
        rgba(210,38,38,.24) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   DATE - BOTTOM LEFT
========================================================== */

.jtii-home-auction-date {
    position: absolute;

    left: 12px;
    bottom: 12px;

    min-height: 37px;

    display: inline-flex;
    align-items: center;

    padding:
        0 14px;

    border-left:
        3px solid #c99f53;

    border-radius:
        3px;

    background:
        #0b213d;

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;
}


/* ==========================================================
   FAVORITE
========================================================== */

.jtii-home-auction-favorite {
    position: absolute;

    right: 12px;
    bottom: 12px;

    width: 39px;
    height: 39px;

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

    border:
        1px solid rgba(255,255,255,.9);

    border-radius:
        50%;

    background:
        rgba(11,33,61,.54);

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        21px;

    line-height: 1;

    backdrop-filter:
        blur(4px);
}


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

.jtii-home-auction-body {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    padding:
        20px 20px
        21px !important;
}


/* category + code */
.jtii-home-auction-topline {
    display: flex;

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

    gap: 12px;

    min-height: 21px;

    margin-bottom:
        12px;
}


.jtii-home-auction-topline span {
    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .7px;

    text-transform:
        uppercase;
}


.jtii-home-auction-topline strong {
    color:
        #a97825;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .5px;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-auction-card h3 {
    min-height:
        58px;

    margin:
        0 0
        10px;

    overflow:
        hidden;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        19px;

    font-weight:
        700;

    line-height:
        1.22;

    letter-spacing:
        -.2px;
}


.jtii-home-auction-card h3 a {
    color:
        #0b213d;

    text-decoration:
        none;
}


/* ==========================================================
   LOCATION
========================================================== */

.jtii-home-auction-location {
    min-height:
        35px !important;

    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        7px !important;

    margin:
        0 0
        13px !important;

    color:
        #748294 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px !important;

    line-height:
        1.45 !important;
}


.jtii-home-auction-pin {
    width:
        12px;

    height:
        15px;

    flex:
        0 0 12px;

    margin-top:
        1px;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        contain;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
}


/* matikan icon i lama */
.jtii-home-auction-location > i {
    display:
        none !important;
}


/* ==========================================================
   PRICE
========================================================== */

.jtii-home-auction-price {
    position: relative;

    margin-top:
        auto !important;

    padding-top:
        19px !important;

    border-top:
        1px solid #e1e5e8 !important;
}


.jtii-home-auction-price::before {
    content: "";

    position: absolute;

    left: 0;
    top: -1px;

    width:
        38px;

    height:
        2px;

    background:
        #c99f53;
}


.jtii-home-auction-price span {
    display:
        block;

    margin-bottom:
        7px !important;

    color:
        #7c8796 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    letter-spacing:
        1px !important;
}


.jtii-home-auction-price strong {
    display:
        block;

    color:
        #0b213d !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        22px !important;

    font-weight:
        800 !important;

    line-height:
        1.15;

    letter-spacing:
        -.35px !important;
}


/* ==========================================================
   DETAIL BUTTON
========================================================== */

.jtii-home-auction-detail {
    min-height:
        46px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px !important;

    margin-top:
        18px !important;

    border:
        1px solid #0b213d !important;

    border-radius:
        4px !important;

    background:
        #0b213d !important;

    color:
        #fff !important;

    box-shadow:
        none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .9px !important;

    text-decoration:
        none !important;
}


.jtii-home-auction-detail span {
    color:
        #d5b36e;

    font-size:
        13px;
}


.jtii-home-auction-detail:hover {
    background:
        #102d4f !important;

    border-color:
        #102d4f !important;
}


/* ==========================================================
   DESKTOP CARD GRID
========================================================== */

.jtii-home-auction-grid {
    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:
        26px !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1050px) {

    .jtii-home-auction-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media(max-width:600px) {

    .jtii-home-auction-grid {
        grid-template-columns:
            1fr !important;
    }


    .jtii-home-auction-photo {
        height:
            240px !important;
    }


    .jtii-home-auction-card h3 {
        min-height:
            auto;

        font-size:
            20px;
    }


    .jtii-home-auction-price strong {
        font-size:
            21px !important;
    }

}



/* ==========================================================
   JTII HOMEPAGE AUCTION CARD
   MATCH LISTING LELANG
========================================================== */

.jtii-home-auction-grid {
    align-items: stretch !important;
}


.jtii-home-auction-card {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    overflow: hidden !important;

    border:
        1px solid #e0e4e8 !important;

    border-radius:
        11px !important;

    background:
        #fff !important;

    box-shadow:
        0 10px 30px
        rgba(11,33,61,.055) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


.jtii-home-auction-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(201,159,83,.5) !important;

    box-shadow:
        0 18px 38px
        rgba(11,33,61,.10) !important;
}


/* ==========================================================
   IMAGE
========================================================== */

.jtii-home-auction-photo {
    position: relative !important;

    display: block !important;

    height: 245px !important;

    overflow: hidden !important;

    background: #e8ebed !important;
}


.jtii-home-auction-photo img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transition:
        transform .35s ease !important;
}


.jtii-home-auction-card:hover
.jtii-home-auction-photo img {
    transform:
        scale(1.025);
}


/* ==========================================================
   KPKNL - TOP LEFT
========================================================== */

.jtii-home-auction-kpknl {
    position: absolute;

    left: 12px;
    top: 12px;

    min-height: 34px;

    display: inline-flex;
    align-items: center;

    padding: 0 13px;

    border:
        1px solid #c99f53;

    border-radius: 4px;

    background:
        rgba(7,25,46,.96);

    color:
        #e0b75b;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .25px;
}


/* ==========================================================
   COUNTDOWN - TOP RIGHT
========================================================== */

.jtii-home-auction-countdown {
    position: absolute !important;

    left: auto !important;
    right: 12px !important;
    top: 12px !important;

    min-height: 35px !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 6px !important;

    padding:
        0 13px !important;

    border-radius:
        22px !important;

    background:
        #ef3e3e !important;

    color:
        #fff !important;

    box-shadow:
        0 5px 14px
        rgba(210,38,38,.24) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   DATE - BOTTOM LEFT
========================================================== */

.jtii-home-auction-date {
    position: absolute;

    left: 12px;
    bottom: 12px;

    min-height: 37px;

    display: inline-flex;
    align-items: center;

    padding:
        0 14px;

    border-left:
        3px solid #c99f53;

    border-radius:
        3px;

    background:
        #0b213d;

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;
}


/* ==========================================================
   FAVORITE
========================================================== */

.jtii-home-auction-favorite {
    position: absolute;

    right: 12px;
    bottom: 12px;

    width: 39px;
    height: 39px;

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

    border:
        1px solid rgba(255,255,255,.9);

    border-radius:
        50%;

    background:
        rgba(11,33,61,.54);

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        21px;

    line-height: 1;

    backdrop-filter:
        blur(4px);
}


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

.jtii-home-auction-body {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    padding:
        20px 20px
        21px !important;
}


/* category + code */
.jtii-home-auction-topline {
    display: flex;

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

    gap: 12px;

    min-height: 21px;

    margin-bottom:
        12px;
}


.jtii-home-auction-topline span {
    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .7px;

    text-transform:
        uppercase;
}


.jtii-home-auction-topline strong {
    color:
        #a97825;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .5px;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-auction-card h3 {
    min-height:
        58px;

    margin:
        0 0
        10px;

    overflow:
        hidden;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        19px;

    font-weight:
        700;

    line-height:
        1.22;

    letter-spacing:
        -.2px;
}


.jtii-home-auction-card h3 a {
    color:
        #0b213d;

    text-decoration:
        none;
}


/* ==========================================================
   LOCATION
========================================================== */

.jtii-home-auction-location {
    min-height:
        35px !important;

    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        7px !important;

    margin:
        0 0
        13px !important;

    color:
        #748294 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px !important;

    line-height:
        1.45 !important;
}


.jtii-home-auction-pin {
    width:
        12px;

    height:
        15px;

    flex:
        0 0 12px;

    margin-top:
        1px;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        contain;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
}


/* matikan icon i lama */
.jtii-home-auction-location > i {
    display:
        none !important;
}


/* ==========================================================
   PRICE
========================================================== */

.jtii-home-auction-price {
    position: relative;

    margin-top:
        auto !important;

    padding-top:
        19px !important;

    border-top:
        1px solid #e1e5e8 !important;
}


.jtii-home-auction-price::before {
    content: "";

    position: absolute;

    left: 0;
    top: -1px;

    width:
        38px;

    height:
        2px;

    background:
        #c99f53;
}


.jtii-home-auction-price span {
    display:
        block;

    margin-bottom:
        7px !important;

    color:
        #7c8796 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    letter-spacing:
        1px !important;
}


.jtii-home-auction-price strong {
    display:
        block;

    color:
        #0b213d !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        22px !important;

    font-weight:
        800 !important;

    line-height:
        1.15;

    letter-spacing:
        -.35px !important;
}


/* ==========================================================
   DETAIL BUTTON
========================================================== */

.jtii-home-auction-detail {
    min-height:
        46px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px !important;

    margin-top:
        18px !important;

    border:
        1px solid #0b213d !important;

    border-radius:
        4px !important;

    background:
        #0b213d !important;

    color:
        #fff !important;

    box-shadow:
        none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .9px !important;

    text-decoration:
        none !important;
}


.jtii-home-auction-detail span {
    color:
        #d5b36e;

    font-size:
        13px;
}


.jtii-home-auction-detail:hover {
    background:
        #102d4f !important;

    border-color:
        #102d4f !important;
}


/* ==========================================================
   DESKTOP CARD GRID
========================================================== */

.jtii-home-auction-grid {
    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:
        26px !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1050px) {

    .jtii-home-auction-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media(max-width:600px) {

    .jtii-home-auction-grid {
        grid-template-columns:
            1fr !important;
    }


    .jtii-home-auction-photo {
        height:
            240px !important;
    }


    .jtii-home-auction-card h3 {
        min-height:
            auto;

        font-size:
            20px;
    }


    .jtii-home-auction-price strong {
        font-size:
            21px !important;
    }

}



/* ==========================================================
   JTII HOME AUCTION
   COMPACT PREMIUM FINAL
========================================================== */


/* SECTION */
.jtii-home-auction-nearest {
    padding:
        46px 0
        54px !important;
}


/* heading jangan terlalu jauh dari card */
.jtii-home-auction-heading {
    margin-bottom:
        22px !important;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-home-auction-grid {
    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:
        20px !important;

    align-items:
        stretch !important;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-auction-card {
    display:
        flex !important;

    flex-direction:
        column !important;

    height:
        100% !important;

    border-radius:
        8px !important;
}


/* ==========================================================
   PHOTO
========================================================== */

.jtii-home-auction-photo {
    height:
        182px !important;

    flex:
        0 0 182px !important;
}


/* ==========================================================
   KPKNL
========================================================== */

.jtii-home-auction-kpknl {
    left:
        10px !important;

    top:
        10px !important;

    min-height:
        30px !important;

    padding:
        0 10px !important;

    font-size:
        8px !important;
}


/* ==========================================================
   COUNTDOWN
========================================================== */

.jtii-home-auction-countdown {
    right:
        10px !important;

    top:
        10px !important;

    min-height:
        31px !important;

    padding:
        0 11px !important;

    font-size:
        8px !important;
}


/* ==========================================================
   DATE
========================================================== */

.jtii-home-auction-date {
    left:
        10px !important;

    bottom:
        10px !important;

    min-height:
        32px !important;

    padding:
        0 11px !important;

    font-size:
        8px !important;
}


/* ==========================================================
   FAVORITE
========================================================== */

.jtii-home-auction-favorite {
    width:
        34px !important;

    height:
        34px !important;

    right:
        10px !important;

    bottom:
        10px !important;

    font-size:
        18px !important;
}


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

.jtii-home-auction-body {
    display:
        flex !important;

    flex-direction:
        column !important;

    flex:
        1 !important;

    padding:
        15px 15px
        16px !important;
}


/* category + code */
.jtii-home-auction-topline {
    min-height:
        20px !important;

    margin-bottom:
        8px !important;
}


.jtii-home-auction-topline span,
.jtii-home-auction-topline strong {
    font-size:
        8px !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-auction-card h3 {
    min-height:
        46px !important;

    max-height:
        46px !important;

    margin:
        0 0
        8px !important;

    overflow:
        hidden !important;

    font-size:
        16px !important;

    line-height:
        1.2 !important;

    letter-spacing:
        -.15px !important;
}


/* ==========================================================
   LOCATION
========================================================== */

.jtii-home-auction-location {
    min-height:
        30px !important;

    margin:
        0 0
        10px !important;

    font-size:
        8.5px !important;

    line-height:
        1.4 !important;
}


.jtii-home-auction-pin {
    width:
        11px !important;

    height:
        13px !important;

    flex-basis:
        11px !important;
}


/* ==========================================================
   PRICE
========================================================== */

.jtii-home-auction-price {
    margin-top:
        auto !important;

    padding-top:
        13px !important;
}


.jtii-home-auction-price::before {
    width:
        32px !important;
}


.jtii-home-auction-price span {
    margin-bottom:
        5px !important;

    font-size:
        7.5px !important;
}


.jtii-home-auction-price strong {
    font-size:
        19px !important;

    line-height:
        1.15 !important;

    white-space:
        nowrap !important;
}


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

.jtii-home-auction-detail {
    min-height:
        40px !important;

    margin-top:
        13px !important;

    font-size:
        8px !important;

    letter-spacing:
        .7px !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1050px) {

    .jtii-home-auction-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .jtii-home-auction-photo {
        height:
            210px !important;

        flex-basis:
            210px !important;
    }

}


@media (max-width: 600px) {

    .jtii-home-auction-grid {
        grid-template-columns:
            1fr !important;
    }

    .jtii-home-auction-photo {
        height:
            235px !important;

        flex-basis:
            235px !important;
    }

    .jtii-home-auction-card h3 {
        min-height:
            auto !important;

        max-height:
            none !important;

        font-size:
            18px !important;
    }

    .jtii-home-auction-price strong {
        font-size:
            20px !important;
    }

}



/* ==========================================================
   HOME AUCTION ACTIONS
========================================================== */

.jtii-home-auction-actions {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 2px;
}


/* tombol utama */
.jtii-home-auction-actions
.jtii-home-auction-all {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin: 0;

    padding: 0 20px;

    border-radius: 8px;

    background: #086b9b;

    color: #fff;

    box-shadow:
        0 8px 20px
        rgba(11,33,61,.11);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 800;

    text-decoration: none;

    transition:
        background .2s ease,
        transform .2s ease;
}


.jtii-home-auction-actions
.jtii-home-auction-all:hover {
    background: #075c86;

    transform: translateY(-1px);
}


/* search icon */
.jtii-home-auction-search-icon {
    position: relative;

    width: 13px;
    height: 13px;

    display: inline-block;

    border: 2px solid #fff;
    border-radius: 50%;
}


.jtii-home-auction-search-icon::after {
    content: "";

    position: absolute;

    right: -5px;
    bottom: -3px;

    width: 6px;
    height: 2px;

    border-radius: 2px;

    background: #fff;

    transform: rotate(45deg);
}


/* panah kiri / kanan */
.jtii-home-auction-nav {
    width: 46px;
    height: 46px;

    display: inline-flex;

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

    padding: 0;

    border:
        1px solid #d8e0e6;

    border-radius: 8px;

    background: #fff;

    color: #0b213d;

    cursor: pointer;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 27px;

    font-weight: 300;

    line-height: 1;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.035);

    transition:
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}


.jtii-home-auction-nav:hover {
    border-color: #c99f53;

    color: #c99f53;

    transform: translateY(-1px);
}


/* ==========================================================
   AUCTION GRID AS DESKTOP SLIDER
========================================================== */

.jtii-home-auction-nearest
.jtii-home-auction-grid {
    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

    scroll-snap-type: x mandatory;
}


.jtii-home-auction-nearest
.jtii-home-auction-grid::-webkit-scrollbar {
    display: none;
}


.jtii-home-auction-nearest
.jtii-home-auction-card {
    scroll-snap-align: start;
}


/* mobile */
@media(max-width:600px) {

    .jtii-home-auction-heading {
        display: block !important;
    }

    .jtii-home-auction-actions {
        margin-top: 20px;
    }

    .jtii-home-auction-actions
    .jtii-home-auction-all {
        flex: 1;
    }

}



/* ==========================================================
   JTII HOME AUCTION SLIDER — WORKING FINAL
========================================================== */

/* header buttons harus bisa diklik */
.jtii-home-auction-actions {
    position: relative !important;
    z-index: 20 !important;
    pointer-events: auto !important;
}

.jtii-home-auction-nav,
.jtii-home-auction-all {
    position: relative !important;
    z-index: 21 !important;
    pointer-events: auto !important;
}


/* track horizontal */
.jtii-home-auction-nearest
.jtii-home-auction-grid {

    display: grid !important;

    grid-template-columns: none !important;

    grid-auto-flow: column !important;

    grid-auto-columns:
        calc(
            (100% - 60px)
            / 4
        ) !important;

    gap: 20px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;

    scrollbar-width: none !important;

    padding-bottom: 2px;
}


.jtii-home-auction-nearest
.jtii-home-auction-grid::-webkit-scrollbar {
    display: none !important;
}


.jtii-home-auction-nearest
.jtii-home-auction-card {
    width: 100% !important;

    min-width: 0 !important;

    scroll-snap-align: start !important;
}


/* tablet */
@media (max-width: 1050px) {

    .jtii-home-auction-nearest
    .jtii-home-auction-grid {

        grid-template-columns: none !important;

        grid-auto-columns:
            calc(
                (100% - 20px)
                / 2
            ) !important;
    }

}


/* mobile */
@media (max-width: 600px) {

    .jtii-home-auction-nearest
    .jtii-home-auction-grid {

        grid-template-columns: none !important;

        grid-auto-columns:
            88% !important;

        gap:
            14px !important;
    }

}



/* ==========================================================
   JTII HOME AUCTION
   FINAL CORPORATE POLISH 10/10
========================================================== */


/* ----------------------------------------------------------
   LIHAT SEMUA LELANG
---------------------------------------------------------- */

.jtii-home-auction-actions
.jtii-home-auction-all {

    min-height: 42px !important;

    padding:
        0 17px !important;

    border:
        1px solid #0b213d !important;

    border-radius:
        6px !important;

    background:
        #0b213d !important;

    color:
        #fff !important;

    box-shadow:
        0 7px 18px
        rgba(11,33,61,.12) !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .35px !important;
}


.jtii-home-auction-actions
.jtii-home-auction-all:hover {

    background:
        #123458 !important;

    border-color:
        #123458 !important;

    transform:
        translateY(-1px);
}


/* search icon gold-white corporate */
.jtii-home-auction-search-icon {

    width:
        12px !important;

    height:
        12px !important;

    border-color:
        #d5b36e !important;
}


.jtii-home-auction-search-icon::after {

    background:
        #d5b36e !important;
}


/* ----------------------------------------------------------
   NAV BUTTONS
---------------------------------------------------------- */

.jtii-home-auction-nav {

    width:
        42px !important;

    height:
        42px !important;

    border:
        1px solid #d9e0e5 !important;

    border-radius:
        6px !important;

    background:
        #fff !important;

    color:
        #0b213d !important;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.035) !important;

    font-size:
        24px !important;

    transition:
        border-color .2s ease,
        color .2s ease,
        background .2s ease,
        opacity .2s ease,
        transform .2s ease !important;
}


.jtii-home-auction-nav:hover:not(:disabled) {

    border-color:
        #c99f53 !important;

    color:
        #a4772c !important;

    background:
        #fffdf8 !important;

    transform:
        translateY(-1px);
}


/* disabled state */
.jtii-home-auction-nav:disabled {

    opacity:
        .32 !important;

    cursor:
        default !important;

    color:
        #8d99a5 !important;

    background:
        #f7f8f8 !important;

    border-color:
        #e3e7e9 !important;

    transform:
        none !important;
}


/* ----------------------------------------------------------
   FAVORITE
   hide until real favorite feature exists
---------------------------------------------------------- */

.jtii-home-auction-favorite {

    display:
        none !important;
}


/* ----------------------------------------------------------
   LOCATION
---------------------------------------------------------- */

.jtii-home-auction-location {

    min-height:
        31px !important;

    font-size:
        9.25px !important;

    line-height:
        1.5 !important;

    color:
        #68798b !important;
}


.jtii-home-auction-pin {

    width:
        12px !important;

    height:
        14px !important;

    flex-basis:
        12px !important;
}


/* ----------------------------------------------------------
   TITLE
---------------------------------------------------------- */

.jtii-home-auction-card h3 {

    font-size:
        16.5px !important;

    line-height:
        1.22 !important;
}


/* ----------------------------------------------------------
   PRICE
---------------------------------------------------------- */

.jtii-home-auction-price strong {

    color:
        #0b213d !important;

    font-size:
        19px !important;

    font-weight:
        800 !important;
}


/* ----------------------------------------------------------
   CTA
---------------------------------------------------------- */

.jtii-home-auction-detail {

    border-radius:
        4px !important;

    background:
        #0b213d !important;

    min-height:
        40px !important;
}


.jtii-home-auction-detail:hover {

    background:
        #123458 !important;
}


.jtii-home-auction-detail span {

    color:
        #d5b36e !important;
}


/* ----------------------------------------------------------
   SECTION DIVIDER
---------------------------------------------------------- */

.jtii-home-auction-nearest {

    border-top:
        1px solid #ece7dc;
}




/* ==========================================================
   JTII HOME AUCTION
   CORPORATE CATEGORY + TITLE FINAL
========================================================== */


/* ----------------------------------------------------------
   TOPLINE
---------------------------------------------------------- */

.jtii-home-auction-topline {
    min-height: 25px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 10px !important;

    margin-bottom: 10px !important;
}


/* ----------------------------------------------------------
   CATEGORY
---------------------------------------------------------- */

.jtii-home-auction-category {
    display: inline-flex !important;

    align-items: center !important;

    gap: 7px !important;

    color: #0b213d !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: .55px !important;

    text-transform: uppercase !important;
}


.jtii-home-auction-category::before {
    content: "" !important;

    width: 14px !important;
    height: 14px !important;

    flex: 0 0 14px !important;

    display: block !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}


/* ----------------------------------------------------------
   RUMAH
---------------------------------------------------------- */

.jtii-home-cat-rumah::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   GUDANG
---------------------------------------------------------- */

.jtii-home-cat-gudang::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='m3 9 9-6 9 6v12h-5v-8H8v8H3V9Zm7 6h4v2h-4v-2Zm0 3h4v3h-4v-3Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   RUKO / KIOS
---------------------------------------------------------- */

.jtii-home-cat-ruko::before,
.jtii-home-cat-kios::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 3h16l2 6v2h-1v10h-7v-6h-4v6H3V11H2V9l2-6Zm2 2-1 4h14l-1-4H6Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   TANAH
---------------------------------------------------------- */

.jtii-home-cat-tanah::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3V6Zm7-.4v10.8l4 2V7.6l-4-2Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   APARTEMEN / PERKANTORAN
---------------------------------------------------------- */

.jtii-home-cat-apartemen::before,
.jtii-home-cat-perkantoran::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M5 2h14v20h-5v-4h-4v4H5V2Zm3 3v2h2V5H8Zm6 0v2h2V5h-2ZM8 9v2h2V9H8Zm6 0v2h2V9h-2ZM8 13v2h2v-2H8Zm6 0v2h2v-2h-2Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   DEFAULT
---------------------------------------------------------- */

.jtii-home-cat-properti::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M3 21V8l9-5 9 5v13h-7v-6h-4v6H3Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   PROPERTY CODE
---------------------------------------------------------- */

.jtii-home-auction-topline > strong {
    color: #a4772c !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: .35px !important;

    white-space: nowrap !important;
}


/* ==========================================================
   TITLE — CORPORATE
========================================================== */

.jtii-home-auction-card h3 {
    min-height: 42px !important;
    max-height: 42px !important;

    margin:
        0 0
        10px !important;

    overflow: hidden !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: 800 !important;

    line-height: 1.28 !important;

    letter-spacing: -.2px !important;

    text-transform: none !important;
}


.jtii-home-auction-card h3 a {
    color: #0b213d !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;

    text-decoration: none !important;
}


.jtii-home-auction-card h3 a:hover {
    color: #173b63 !important;
}


/* mobile */
@media(max-width:600px) {

    .jtii-home-auction-category {
        font-size: 10px !important;
    }

    .jtii-home-auction-category::before {
        width: 15px !important;
        height: 15px !important;
        flex-basis: 15px !important;
    }

    .jtii-home-auction-card h3 {
        min-height: auto !important;
        max-height: none !important;

        font-size: 17px !important;
    }

}



/* ==========================================================
   JTII HOME — PROPERTI PILIHAN / SIAP JUAL
========================================================== */

.jtii-home-ready-property {
    padding:
        52px 0
        62px;

    border-top:
        1px solid #ece7dc;

    background:
        #fff;

    color:
        #0b213d;
}


/* ==========================================================
   HEADING
========================================================== */

.jtii-home-ready-heading {
    display:
        flex;

    justify-content:
        space-between;

    align-items:
        flex-end;

    gap:
        30px;

    margin-bottom:
        24px;
}


.jtii-home-ready-kicker {
    margin-bottom:
        7px;

    color:
        #b98127;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.jtii-home-ready-heading h2 {
    position:
        relative;

    margin:
        0;

    padding-left:
        18px;

    color:
        #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        30px;

    font-weight:
        700;

    line-height:
        1.15;
}


.jtii-home-ready-heading h2::before {
    content: "";

    position:
        absolute;

    left:
        0;

    top:
        5px;

    width:
        3px;

    height:
        24px;

    background:
        #c99f53;
}


.jtii-home-ready-heading p {
    margin:
        7px 0 0
        18px;

    color:
        #718094;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    line-height:
        1.6;
}


.jtii-home-ready-all {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        12px;

    margin-bottom:
        4px;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    text-decoration:
        none;
}


.jtii-home-ready-all span {
    color:
        #c99f53;

    font-size:
        16px;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-home-ready-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:
        20px;

    align-items:
        stretch;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-ready-card {
    display:
        flex;

    flex-direction:
        column;

    height:
        100%;

    overflow:
        hidden;

    border:
        1px solid #e0e4e8;

    border-radius:
        8px;

    background:
        #fff;

    box-shadow:
        0 10px 28px
        rgba(11,33,61,.055);

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


.jtii-home-ready-card:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(201,159,83,.45);

    box-shadow:
        0 17px 36px
        rgba(11,33,61,.09);
}


/* ==========================================================
   PHOTO
========================================================== */

.jtii-home-ready-photo {
    position:
        relative;

    display:
        block;

    height:
        182px;

    flex:
        0 0 182px;

    overflow:
        hidden;

    background:
        #e9ecee;
}


.jtii-home-ready-photo img {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform .35s ease;
}


.jtii-home-ready-card:hover
.jtii-home-ready-photo img {
    transform:
        scale(1.025);
}


.jtii-home-ready-placeholder {
    width:
        100%;

    height:
        100%;

    display:
        grid;

    place-items:
        center;

    color:
        #788594;

    font-size:
        9px;

    font-weight:
        800;
}


/* ==========================================================
   PHOTO BADGES
========================================================== */

.jtii-home-ready-type {
    position:
        absolute;

    left:
        10px;

    top:
        10px;

    min-height:
        31px;

    display:
        inline-flex;

    align-items:
        center;

    padding:
        0 11px;

    border-left:
        2px solid #c99f53;

    border-radius:
        3px;

    background:
        #0b213d;

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .55px;
}


.jtii-home-ready-sale {
    position:
        absolute;

    right:
        10px;

    top:
        10px;

    min-height:
        31px;

    display:
        inline-flex;

    align-items:
        center;

    padding:
        0 10px;

    border:
        1px solid rgba(201,159,83,.55);

    border-radius:
        3px;

    background:
        rgba(255,255,255,.96);

    color:
        #a4772c;

    box-shadow:
        0 4px 12px
        rgba(11,33,61,.08);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        7.5px;

    font-weight:
        800;

    letter-spacing:
        .5px;
}


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

.jtii-home-ready-body {
    display:
        flex;

    flex-direction:
        column;

    flex:
        1;

    padding:
        15px 15px
        16px;
}


/* category + code */
.jtii-home-ready-topline {
    min-height:
        24px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    margin-bottom:
        9px;
}


.jtii-home-ready-category {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .5px;

    text-transform:
        uppercase;
}


.jtii-home-ready-category::before {
    content: "";

    width:
        13px;

    height:
        13px;

    flex:
        0 0 13px;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        contain;
}


/* rumah */
.jtii-ready-cat-rumah::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E");
}


/* ruko/kios */
.jtii-ready-cat-ruko::before,
.jtii-ready-cat-kios::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 3h16l2 6v2h-1v10h-7v-6h-4v6H3V11H2V9l2-6Zm2 2-1 4h14l-1-4H6Z'/%3E%3C/svg%3E");
}


/* gudang */
.jtii-ready-cat-gudang::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='m3 9 9-6 9 6v12h-5v-8H8v8H3V9Z'/%3E%3C/svg%3E");
}


/* tanah */
.jtii-ready-cat-tanah::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3V6Z'/%3E%3C/svg%3E");
}


/* apartment/perkantoran */
.jtii-ready-cat-apartemen::before,
.jtii-ready-cat-perkantoran::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M5 2h14v20h-5v-4h-4v4H5V2Z'/%3E%3C/svg%3E");
}


.jtii-home-ready-topline > strong {
    color:
        #a4772c;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8.5px;

    font-weight:
        800;

    letter-spacing:
        .35px;

    white-space:
        nowrap;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-ready-card h3 {
    min-height:
        44px;

    max-height:
        44px;

    margin:
        0 0
        9px;

    overflow:
        hidden;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        15px;

    font-weight:
        800;

    line-height:
        1.25;

    letter-spacing:
        -.2px;
}


.jtii-home-ready-card h3 a {
    color:
        #0b213d;

    text-decoration:
        none;
}


/* ==========================================================
   LOCATION
========================================================== */

.jtii-home-ready-location {
    min-height:
        31px;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        7px;

    margin-bottom:
        9px;

    color:
        #68798b;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    line-height:
        1.45;
}


.jtii-home-ready-location > span:first-child {
    width:
        12px;

    height:
        14px;

    flex:
        0 0 12px;

    margin-top:
        1px;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        contain;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
}


/* ==========================================================
   LT / LB
========================================================== */

.jtii-home-ready-specs {
    min-height:
        26px;

    display:
        flex;

    align-items:
        center;

    gap:
        17px;

    margin-bottom:
        11px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color:
        #758294;
}


.jtii-home-ready-specs span {
    font-size:
        9px;
}


.jtii-home-ready-specs strong {
    margin-left:
        4px;

    color:
        #0b213d;

    font-size:
        10.5px;

    font-weight:
        800;
}


/* ==========================================================
   PRICE
========================================================== */

.jtii-home-ready-price {
    position:
        relative;

    margin-top:
        auto;

    padding-top:
        13px;

    border-top:
        1px solid #e1e5e8;
}


.jtii-home-ready-price::before {
    content: "";

    position:
        absolute;

    left:
        0;

    top:
        -1px;

    width:
        32px;

    height:
        2px;

    background:
        #c99f53;
}


.jtii-home-ready-price > span {
    display:
        block;

    margin-bottom:
        5px;

    color:
        #7c8796;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        7.5px;

    font-weight:
        800;

    letter-spacing:
        .9px;
}


.jtii-home-ready-price strong {
    display:
        block;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        19px;

    font-weight:
        800;

    line-height:
        1.15;

    letter-spacing:
        -.3px;

    white-space:
        nowrap;
}


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

.jtii-home-ready-detail {
    min-height:
        40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    margin-top:
        13px;

    border-radius:
        4px;

    background:
        #0b213d;

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .75px;

    text-decoration:
        none;
}


.jtii-home-ready-detail span {
    color:
        #d5b36e;

    font-size:
        13px;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1050px) {

    .jtii-home-ready-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:600px) {

    .jtii-home-ready-property {
        padding:
            42px 0
            48px;
    }


    .jtii-home-ready-heading {
        display:
            block;
    }


    .jtii-home-ready-all {
        margin:
            18px 0 0
            18px;
    }


    .jtii-home-ready-grid {
        grid-template-columns:
            1fr;
    }


    .jtii-home-ready-photo {
        height:
            235px;

        flex-basis:
            235px;
    }


    .jtii-home-ready-card h3 {
        min-height:
            auto;

        max-height:
            none;

        font-size:
            17px;
    }

}



/* ==========================================================
   JTII HOME — PROPERTI PILIHAN / SIAP JUAL
========================================================== */

.jtii-home-ready-property {
    padding:
        52px 0
        62px;

    border-top:
        1px solid #ece7dc;

    background:
        #fff;

    color:
        #0b213d;
}


/* ==========================================================
   HEADING
========================================================== */

.jtii-home-ready-heading {
    display:
        flex;

    justify-content:
        space-between;

    align-items:
        flex-end;

    gap:
        30px;

    margin-bottom:
        24px;
}


.jtii-home-ready-kicker {
    margin-bottom:
        7px;

    color:
        #b98127;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.jtii-home-ready-heading h2 {
    position:
        relative;

    margin:
        0;

    padding-left:
        18px;

    color:
        #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        30px;

    font-weight:
        700;

    line-height:
        1.15;
}


.jtii-home-ready-heading h2::before {
    content: "";

    position:
        absolute;

    left:
        0;

    top:
        5px;

    width:
        3px;

    height:
        24px;

    background:
        #c99f53;
}


.jtii-home-ready-heading p {
    margin:
        7px 0 0
        18px;

    color:
        #718094;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    line-height:
        1.6;
}


.jtii-home-ready-all {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        12px;

    margin-bottom:
        4px;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    text-decoration:
        none;
}


.jtii-home-ready-all span {
    color:
        #c99f53;

    font-size:
        16px;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-home-ready-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:
        20px;

    align-items:
        stretch;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-ready-card {
    display:
        flex;

    flex-direction:
        column;

    height:
        100%;

    overflow:
        hidden;

    border:
        1px solid #e0e4e8;

    border-radius:
        8px;

    background:
        #fff;

    box-shadow:
        0 10px 28px
        rgba(11,33,61,.055);

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


.jtii-home-ready-card:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(201,159,83,.45);

    box-shadow:
        0 17px 36px
        rgba(11,33,61,.09);
}


/* ==========================================================
   PHOTO
========================================================== */

.jtii-home-ready-photo {
    position:
        relative;

    display:
        block;

    height:
        182px;

    flex:
        0 0 182px;

    overflow:
        hidden;

    background:
        #e9ecee;
}


.jtii-home-ready-photo img {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform .35s ease;
}


.jtii-home-ready-card:hover
.jtii-home-ready-photo img {
    transform:
        scale(1.025);
}


.jtii-home-ready-placeholder {
    width:
        100%;

    height:
        100%;

    display:
        grid;

    place-items:
        center;

    color:
        #788594;

    font-size:
        9px;

    font-weight:
        800;
}


/* ==========================================================
   PHOTO BADGES
========================================================== */

.jtii-home-ready-type {
    position:
        absolute;

    left:
        10px;

    top:
        10px;

    min-height:
        31px;

    display:
        inline-flex;

    align-items:
        center;

    padding:
        0 11px;

    border-left:
        2px solid #c99f53;

    border-radius:
        3px;

    background:
        #0b213d;

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .55px;
}


.jtii-home-ready-sale {
    position:
        absolute;

    right:
        10px;

    top:
        10px;

    min-height:
        31px;

    display:
        inline-flex;

    align-items:
        center;

    padding:
        0 10px;

    border:
        1px solid rgba(201,159,83,.55);

    border-radius:
        3px;

    background:
        rgba(255,255,255,.96);

    color:
        #a4772c;

    box-shadow:
        0 4px 12px
        rgba(11,33,61,.08);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        7.5px;

    font-weight:
        800;

    letter-spacing:
        .5px;
}


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

.jtii-home-ready-body {
    display:
        flex;

    flex-direction:
        column;

    flex:
        1;

    padding:
        15px 15px
        16px;
}


/* category + code */
.jtii-home-ready-topline {
    min-height:
        24px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    margin-bottom:
        9px;
}


.jtii-home-ready-category {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .5px;

    text-transform:
        uppercase;
}


.jtii-home-ready-category::before {
    content: "";

    width:
        13px;

    height:
        13px;

    flex:
        0 0 13px;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        contain;
}


/* rumah */
.jtii-ready-cat-rumah::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E");
}


/* ruko/kios */
.jtii-ready-cat-ruko::before,
.jtii-ready-cat-kios::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 3h16l2 6v2h-1v10h-7v-6h-4v6H3V11H2V9l2-6Zm2 2-1 4h14l-1-4H6Z'/%3E%3C/svg%3E");
}


/* gudang */
.jtii-ready-cat-gudang::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='m3 9 9-6 9 6v12h-5v-8H8v8H3V9Z'/%3E%3C/svg%3E");
}


/* tanah */
.jtii-ready-cat-tanah::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3V6Z'/%3E%3C/svg%3E");
}


/* apartment/perkantoran */
.jtii-ready-cat-apartemen::before,
.jtii-ready-cat-perkantoran::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M5 2h14v20h-5v-4h-4v4H5V2Z'/%3E%3C/svg%3E");
}


.jtii-home-ready-topline > strong {
    color:
        #a4772c;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8.5px;

    font-weight:
        800;

    letter-spacing:
        .35px;

    white-space:
        nowrap;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-ready-card h3 {
    min-height:
        44px;

    max-height:
        44px;

    margin:
        0 0
        9px;

    overflow:
        hidden;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        15px;

    font-weight:
        800;

    line-height:
        1.25;

    letter-spacing:
        -.2px;
}


.jtii-home-ready-card h3 a {
    color:
        #0b213d;

    text-decoration:
        none;
}


/* ==========================================================
   LOCATION
========================================================== */

.jtii-home-ready-location {
    min-height:
        31px;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        7px;

    margin-bottom:
        9px;

    color:
        #68798b;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    line-height:
        1.45;
}


.jtii-home-ready-location > span:first-child {
    width:
        12px;

    height:
        14px;

    flex:
        0 0 12px;

    margin-top:
        1px;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        contain;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
}


/* ==========================================================
   LT / LB
========================================================== */

.jtii-home-ready-specs {
    min-height:
        26px;

    display:
        flex;

    align-items:
        center;

    gap:
        17px;

    margin-bottom:
        11px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color:
        #758294;
}


.jtii-home-ready-specs span {
    font-size:
        9px;
}


.jtii-home-ready-specs strong {
    margin-left:
        4px;

    color:
        #0b213d;

    font-size:
        10.5px;

    font-weight:
        800;
}


/* ==========================================================
   PRICE
========================================================== */

.jtii-home-ready-price {
    position:
        relative;

    margin-top:
        auto;

    padding-top:
        13px;

    border-top:
        1px solid #e1e5e8;
}


.jtii-home-ready-price::before {
    content: "";

    position:
        absolute;

    left:
        0;

    top:
        -1px;

    width:
        32px;

    height:
        2px;

    background:
        #c99f53;
}


.jtii-home-ready-price > span {
    display:
        block;

    margin-bottom:
        5px;

    color:
        #7c8796;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        7.5px;

    font-weight:
        800;

    letter-spacing:
        .9px;
}


.jtii-home-ready-price strong {
    display:
        block;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        19px;

    font-weight:
        800;

    line-height:
        1.15;

    letter-spacing:
        -.3px;

    white-space:
        nowrap;
}


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

.jtii-home-ready-detail {
    min-height:
        40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    margin-top:
        13px;

    border-radius:
        4px;

    background:
        #0b213d;

    color:
        #fff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .75px;

    text-decoration:
        none;
}


.jtii-home-ready-detail span {
    color:
        #d5b36e;

    font-size:
        13px;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1050px) {

    .jtii-home-ready-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:600px) {

    .jtii-home-ready-property {
        padding:
            42px 0
            48px;
    }


    .jtii-home-ready-heading {
        display:
            block;
    }


    .jtii-home-ready-all {
        margin:
            18px 0 0
            18px;
    }


    .jtii-home-ready-grid {
        grid-template-columns:
            1fr;
    }


    .jtii-home-ready-photo {
        height:
            235px;

        flex-basis:
            235px;
    }


    .jtii-home-ready-card h3 {
        min-height:
            auto;

        max-height:
            none;

        font-size:
            17px;
    }

}



/* ==========================================================
   HOME AUCTION NAV — FINAL POLISH
========================================================== */

.jtii-home-auction-actions {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}


/* BUTTON UTAMA */
.jtii-home-auction-actions
.jtii-home-auction-all {
    min-height: 44px !important;

    padding:
        0 20px !important;

    border-radius:
        7px !important;

    background:
        #0b213d !important;

    font-size:
        10px !important;
}


/* PANAH */
.jtii-home-auction-nav {
    width:
        44px !important;

    height:
        44px !important;

    flex:
        0 0 44px !important;

    border-radius:
        7px !important;

    border:
        1px solid #d5dde5 !important;

    background:
        #fff !important;

    color:
        #0b213d !important;

    font-size:
        24px !important;

    box-shadow:
        none !important;
}


/* DISABLED — tetap terlihat */
.jtii-home-auction-nav:disabled {
    opacity:
        1 !important;

    background:
        #f7f8f9 !important;

    color:
        #b9c2cb !important;

    border-color:
        #e7eaed !important;

    cursor:
        default !important;
}


/* ACTIVE HOVER */
.jtii-home-auction-nav:not(:disabled):hover {
    background:
        #0b213d !important;

    color:
        #d5b36e !important;

    border-color:
        #0b213d !important;

    transform:
        none !important;
}


/* SEARCH ICON */
.jtii-home-auction-search-icon {
    border-color:
        #d5b36e !important;
}

.jtii-home-auction-search-icon::after {
    background:
        #d5b36e !important;
}




/* ==========================================================
   JTII HOME READY PROPERTY
   SLIDER + ACTIONS FINAL
========================================================== */


/* ==========================================================
   ACTION GROUP
========================================================== */

.jtii-home-ready-actions {
    position: relative;

    z-index: 20;

    display: flex;

    align-items: center;

    gap: 7px;
}


/* ==========================================================
   LIHAT SEMUA PROPERTI
========================================================== */

.jtii-home-ready-actions
.jtii-home-ready-all {
    min-height: 44px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin: 0;

    padding:
        0 20px;

    border:
        1px solid #0b213d;

    border-radius:
        7px;

    background:
        #0b213d;

    color:
        #fff;

    box-shadow:
        0 7px 18px
        rgba(11,33,61,.12);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .3px;

    text-decoration:
        none;

    transition:
        background .2s ease,
        border-color .2s ease;
}


.jtii-home-ready-actions
.jtii-home-ready-all:hover {
    background:
        #123458;

    border-color:
        #123458;
}


/* ==========================================================
   SEARCH ICON
========================================================== */

.jtii-home-ready-search-icon {
    position: relative;

    width: 12px;
    height: 12px;

    display: inline-block;

    border:
        2px solid #d5b36e;

    border-radius:
        50%;
}


.jtii-home-ready-search-icon::after {
    content: "";

    position: absolute;

    right: -5px;
    bottom: -3px;

    width: 6px;
    height: 2px;

    border-radius:
        2px;

    background:
        #d5b36e;

    transform:
        rotate(45deg);
}


/* ==========================================================
   PREV / NEXT
========================================================== */

.jtii-home-ready-nav {
    position: relative;

    z-index: 21;

    width: 44px;
    height: 44px;

    flex:
        0 0 44px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border:
        1px solid #d5dde5;

    border-radius:
        7px;

    background:
        #fff;

    color:
        #0b213d;

    cursor:
        pointer;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        24px;

    font-weight:
        300;

    line-height:
        1;

    transition:
        border-color .2s ease,
        background .2s ease,
        color .2s ease;
}


.jtii-home-ready-nav:not(:disabled):hover {
    border-color:
        #0b213d;

    background:
        #0b213d;

    color:
        #d5b36e;
}


.jtii-home-ready-nav:disabled {
    opacity: 1;

    border-color:
        #e7eaed;

    background:
        #f7f8f9;

    color:
        #b9c2cb;

    cursor:
        default;
}


/* ==========================================================
   SLIDER TRACK
   4 CARD TERLIHAT
========================================================== */

.jtii-home-ready-property
.jtii-home-ready-grid {
    display: grid !important;

    grid-template-columns:
        none !important;

    grid-auto-flow:
        column !important;

    grid-auto-columns:
        calc(
            (100% - 60px)
            / 4
        ) !important;

    gap:
        20px !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;

    scroll-behavior:
        smooth !important;

    scroll-snap-type:
        x mandatory !important;

    scrollbar-width:
        none !important;

    padding-bottom:
        2px;
}


.jtii-home-ready-property
.jtii-home-ready-grid::-webkit-scrollbar {
    display:
        none !important;
}


.jtii-home-ready-property
.jtii-home-ready-card {
    width:
        100% !important;

    min-width:
        0 !important;

    scroll-snap-align:
        start !important;
}


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

@media(max-width:1050px) {

    .jtii-home-ready-property
    .jtii-home-ready-grid {
        grid-template-columns:
            none !important;

        grid-auto-columns:
            calc(
                (100% - 20px)
                / 2
            ) !important;
    }

}


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

@media(max-width:600px) {

    .jtii-home-ready-heading {
        display:
            block !important;
    }


    .jtii-home-ready-actions {
        margin-top:
            20px;
    }


    .jtii-home-ready-actions
    .jtii-home-ready-all {
        flex:
            1;
    }


    .jtii-home-ready-property
    .jtii-home-ready-grid {
        grid-template-columns:
            none !important;

        grid-auto-columns:
            88% !important;

        gap:
            14px !important;
    }

}



/* ==========================================================
   JTII HOME
   PRODUK & LAYANAN
   INDONESIA × JAPAN CORPORATE
========================================================== */

.jtii-home-services {
    position: relative;

    overflow: hidden;

    padding:
        62px 0
        72px;

    border-top:
        1px solid #ece7dc;

    background:
        #fbfaf7;

    color:
        #0b213d;
}


/* subtle Indonesia map */
.jtii-home-services::after {
    content: "";

    position: absolute;

    right: 4%;
    top: 8px;

    width: 330px;
    height: 150px;

    background-image:
        url("/wp-content/uploads/2026/10/indonesia3.webp");

    background-position:
        center;

    background-repeat:
        no-repeat;

    background-size:
        contain;

    opacity:
        .055;

    pointer-events:
        none;
}


/* ==========================================================
   HEADING
========================================================== */

.jtii-home-services-head {
    position: relative;

    z-index: 2;

    max-width:
        700px;

    margin-bottom:
        30px;
}


.jtii-home-services-kicker {
    position: relative;

    margin-bottom:
        9px;

    padding-left:
        27px;

    color:
        #b98127;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        1.8px;
}


.jtii-home-services-kicker::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 19px;
    height: 2px;

    background:
        #c99f53;

    transform:
        translateY(-50%);
}


.jtii-home-services-head h2 {
    margin:
        0;

    color:
        #0b213d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        34px;

    font-weight:
        700;

    line-height:
        1.08;

    letter-spacing:
        -.45px;
}


.jtii-home-services-head p {
    max-width:
        600px;

    margin:
        11px 0 0;

    color:
        #66788b;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    line-height:
        1.65;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-home-services-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:
        18px;

    align-items:
        stretch;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-service-card {
    position: relative;

    display: flex;

    flex-direction:
        column;

    min-width: 0;

    overflow: hidden;

    border:
        1px solid #e1e5e7;

    border-radius:
        9px;

    background:
        #fff;

    box-shadow:
        0 9px 26px
        rgba(11,33,61,.055);

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


.jtii-home-service-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(201,159,83,.45);

    box-shadow:
        0 18px 38px
        rgba(11,33,61,.09);
}


/* ==========================================================
   VISUAL
========================================================== */

.jtii-home-service-visual {
    position: relative;

    height:
        142px;

    overflow:
        hidden;

    background:
        linear-gradient(
            135deg,
            #e8edf1,
            #d9e2e8
        );
}


.jtii-home-service-visual::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 48%,
            rgba(7,25,46,.14)
        );

    pointer-events:
        none;
}


.jtii-home-service-visual img {
    display: block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform .4s ease;
}


.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform:
        scale(1.035);
}


/* ==========================================================
   NUMBER
========================================================== */

.jtii-home-service-number {
    position: absolute;

    left: 12px;
    top: 12px;

    z-index: 3;

    width: 37px;
    height: 37px;

    display: flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        2px solid #fff;

    border-radius:
        50%;

    background:
        #0877a9;

    color:
        #fff;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.15);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;
}


/* ==========================================================
   ICON CIRCLE
========================================================== */

.jtii-home-service-icon {
    position: absolute;

    left: 15px;
    bottom: -20px;

    z-index: 5;

    width: 47px;
    height: 47px;

    display: block;

    border:
        4px solid #fff;

    border-radius:
        50%;

    background-color:
        #fff9ed;

    background-position:
        center;

    background-repeat:
        no-repeat;

    background-size:
        22px;

    box-shadow:
        0 5px 16px
        rgba(11,33,61,.09);
}


/* Pembelian Piutang */
.jtii-home-service-icon.is-receivable {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 2 3 6v6c0 5 3.8 9.7 9 11 5.2-1.3 9-6 9-11V6l-9-4Zm0 4c2.8 0 5 1.3 5 3s-2.2 3-5 3-5-1.3-5-3 2.2-3 5-3Zm-5 7.4c1.3.9 3 1.4 5 1.4s3.7-.5 5-1.4V16c0 1.7-2.2 3-5 3s-5-1.3-5-3v-2.6Z'/%3E%3C/svg%3E");
}


/* Perdagangan Properti */
.jtii-home-service-icon.is-property {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E");
}


/* Management */
.jtii-home-service-icon.is-management {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M6 2h9l5 5v15H6V2Zm8 2v4h4l-4-4ZM9 12h8v-2H9v2Zm0 4h8v-2H9v2Zm0 4h6v-2H9v2Z'/%3E%3C/svg%3E");
}


/* Consulting */
.jtii-home-service-icon.is-consulting {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 21V5h6v4h4V2h6v19h-7v-6h-2v6H4Zm2-13v2h2V8H6Zm0 4v2h2v-2H6Zm10-7v2h2V5h-2Zm0 4v2h2V9h-2Z'/%3E%3C/svg%3E");
}


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

.jtii-home-service-body {
    display: flex;

    flex-direction:
        column;

    flex:
        1;

    padding:
        31px 17px
        17px;
}


.jtii-home-service-body h3 {
    min-height:
        45px;

    margin:
        0 0
        8px;

    color:
        #0b213d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        15px;

    font-weight:
        800;

    line-height:
        1.24;

    letter-spacing:
        -.15px;
}


.jtii-home-service-body p {
    min-height:
        82px;

    margin:
        0 0
        15px;

    color:
        #66778a;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        10px;

    line-height:
        1.6;
}


/* ==========================================================
   LINK
========================================================== */

.jtii-home-service-body > a {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    width:
        max-content;

    margin-top:
        auto;

    color:
        #0875a6;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    text-decoration:
        none;
}


.jtii-home-service-body > a span {
    color:
        #c99f53;

    font-size:
        14px;

    transition:
        transform .2s ease;
}


.jtii-home-service-body > a:hover span {
    transform:
        translateX(3px);
}


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

@media(max-width:1050px) {

    .jtii-home-services-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


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

@media(max-width:600px) {

    .jtii-home-services {
        padding:
            44px 0
            50px;
    }


    .jtii-home-services-head h2 {
        font-size:
            28px;
    }


    .jtii-home-services-grid {
        grid-template-columns:
            1fr;
    }


    .jtii-home-service-visual {
        height:
            190px;
    }


    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height:
            auto;
    }

}



/* ==========================================================
   JTII PRODUK & LAYANAN
   COMPACT LUXURY — FINAL
========================================================== */


/* SECTION */
.jtii-home-services {
    padding:
        46px 0
        54px !important;

    background:
        #fbfaf7 !important;
}


/* samakan lebar dengan area utama website */
.jtii-home-services > .jtii-container {
    width:
        min(
            calc(100% - 48px),
            var(--jtii-width)
        ) !important;

    margin:
        0 auto !important;
}


/* ==========================================================
   HEADING
========================================================== */

.jtii-home-services-head {
    max-width:
        620px !important;

    margin-bottom:
        22px !important;
}


.jtii-home-services-kicker {
    margin-bottom:
        7px !important;

    padding-left:
        25px !important;

    font-size:
        8px !important;

    letter-spacing:
        1.7px !important;
}


.jtii-home-services-head h2 {
    max-width:
        580px !important;

    font-size:
        29px !important;

    line-height:
        1.06 !important;

    letter-spacing:
        -.4px !important;
}


.jtii-home-services-head p {
    max-width:
        570px !important;

    margin-top:
        8px !important;

    font-size:
        10px !important;

    line-height:
        1.55 !important;
}


/* ==========================================================
   INDONESIA MAP
========================================================== */

.jtii-home-services::after {
    width:
        290px !important;

    height:
        125px !important;

    right:
        8% !important;

    top:
        15px !important;

    opacity:
        .07 !important;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-home-services-grid {
    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:
        16px !important;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-service-card {
    min-height:
        0 !important;

    border-radius:
        7px !important;

    box-shadow:
        0 7px 22px
        rgba(11,33,61,.05) !important;
}


/* ==========================================================
   IMAGE
========================================================== */

.jtii-home-service-visual {
    height:
        128px !important;

    flex:
        0 0 128px !important;
}


.jtii-home-service-visual img {
    object-fit:
        cover !important;
}


/* ==========================================================
   NUMBER 01 / 02 / 03 / 04
========================================================== */

.jtii-home-service-number {
    left:
        10px !important;

    top:
        10px !important;

    width:
        34px !important;

    height:
        34px !important;

    font-size:
        9px !important;

    border-width:
        2px !important;
}


/* ==========================================================
   WHITE BODY
   lengkungan seperti referensi
========================================================== */

.jtii-home-service-body {
    position:
        relative !important;

    z-index:
        4 !important;

    flex:
        1 !important;

    margin-top:
        -15px !important;

    padding:
        31px 14px
        14px !important;

    border-top-right-radius:
        52px 38px !important;

    background:
        #fff !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

.jtii-home-service-icon {
    left:
        13px !important;

    bottom:
        -18px !important;

    width:
        43px !important;

    height:
        43px !important;

    border:
        3px solid #fff !important;

    background-size:
        20px !important;

    box-shadow:
        0 4px 12px
        rgba(11,33,61,.07) !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-service-body h3 {
    min-height:
        36px !important;

    margin:
        0 0
        7px !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.16 !important;

    letter-spacing:
        -.15px !important;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.jtii-home-service-body p {
    min-height:
        64px !important;

    margin:
        0 0
        11px !important;

    color:
        #617286 !important;

    font-size:
        9px !important;

    line-height:
        1.48 !important;
}


/* ==========================================================
   LEARN MORE
========================================================== */

.jtii-home-service-body > a {
    margin-top:
        auto !important;

    gap:
        8px !important;

    color:
        #0877a9 !important;

    font-size:
        8px !important;

    font-weight:
        700 !important;
}


.jtii-home-service-body > a span {
    color:
        #c99f53 !important;

    font-size:
        12px !important;
}


/* ==========================================================
   HOVER
========================================================== */

.jtii-home-service-card:hover {
    transform:
        translateY(-3px) !important;

    box-shadow:
        0 14px 30px
        rgba(11,33,61,.085) !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1050px) {

    .jtii-home-services-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media(max-width:600px) {

    .jtii-home-services > .jtii-container {
        width:
            calc(100% - 28px) !important;
    }

    .jtii-home-services-grid {
        grid-template-columns:
            1fr !important;
    }

    .jtii-home-service-visual {
        height:
            190px !important;

        flex-basis:
            190px !important;
    }

    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height:
            0 !important;
    }

}



/* ==========================================================
   JTII PRODUK & LAYANAN
   REFERENCE MATCH — FINAL V2
========================================================== */


/* ----------------------------------------------------------
   SECTION
---------------------------------------------------------- */

.jtii-home-services {
    padding:
        44px 0
        54px !important;

    background:
        #fbfaf7 !important;
}


.jtii-home-services > .jtii-container {
    width:
        min(
            calc(100% - 48px),
            var(--jtii-width)
        ) !important;

    margin:
        0 auto !important;
}


/* ----------------------------------------------------------
   HEADING
---------------------------------------------------------- */

.jtii-home-services-head {
    max-width:
        610px !important;

    margin-bottom:
        22px !important;
}


.jtii-home-services-kicker {
    margin-bottom:
        8px !important;

    padding-left:
        25px !important;

    color:
        #b37d25 !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    letter-spacing:
        1.6px !important;
}


.jtii-home-services-kicker::before {
    width:
        18px !important;

    height:
        2px !important;

    background:
        #c99f53 !important;
}


.jtii-home-services-head h2 {
    max-width:
        540px !important;

    margin:
        0 !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        31px !important;

    font-weight:
        700 !important;

    line-height:
        1.06 !important;

    letter-spacing:
        -.55px !important;
}


.jtii-home-services-head p {
    max-width:
        570px !important;

    margin:
        9px 0 0 !important;

    color:
        #607286 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10px !important;

    line-height:
        1.55 !important;
}


/* ----------------------------------------------------------
   INDONESIA BACKGROUND
---------------------------------------------------------- */

.jtii-home-services::after {
    right:
        7% !important;

    top:
        8px !important;

    width:
        310px !important;

    height:
        125px !important;

    opacity:
        .065 !important;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-home-services-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:
        18px !important;

    align-items:
        stretch !important;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-service-card {
    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    min-height:
        345px !important;

    overflow:
        hidden !important;

    border:
        1px solid #e2e5e7 !important;

    border-radius:
        8px !important;

    background:
        #fff !important;

    box-shadow:
        0 8px 24px
        rgba(11,33,61,.055) !important;
}


.jtii-home-service-card:hover {
    transform:
        translateY(-3px) !important;

    border-color:
        rgba(201,159,83,.45) !important;

    box-shadow:
        0 15px 32px
        rgba(11,33,61,.09) !important;
}


/* ==========================================================
   IMAGE
========================================================== */

.jtii-home-service-visual {
    position:
        relative !important;

    height:
        130px !important;

    flex:
        0 0 130px !important;

    overflow:
        visible !important;

    background:
        #e9edf0 !important;
}


.jtii-home-service-visual img {
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;

    border-radius:
        7px 7px 0 0 !important;
}


/* overlay sangat tipis */
.jtii-home-service-visual::after {
    background:
        linear-gradient(
            180deg,
            rgba(11,33,61,0) 55%,
            rgba(11,33,61,.08) 100%
        ) !important;
}


/* ==========================================================
   NUMBER
========================================================== */

.jtii-home-service-number {
    left:
        10px !important;

    top:
        10px !important;

    width:
        38px !important;

    height:
        38px !important;

    z-index:
        10 !important;

    border:
        2px solid #fff !important;

    border-radius:
        50% !important;

    background:
        #0b8ac0 !important;

    color:
        #fff !important;

    box-shadow:
        0 4px 12px
        rgba(11,33,61,.13) !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   WHITE CURVE BODY
========================================================== */

.jtii-home-service-body {
    position:
        relative !important;

    z-index:
        5 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    flex:
        1 !important;

    margin-top:
        -17px !important;

    padding:
        40px 15px
        16px !important;

    border-top-right-radius:
        64px 42px !important;

    background:
        #fff !important;
}


/*
 * curve putih lebih tegas seperti referensi
 */
.jtii-home-service-body::before {
    content: "" !important;

    position:
        absolute !important;

    right:
        -1px !important;

    top:
        -18px !important;

    width:
        92px !important;

    height:
        56px !important;

    z-index:
        -1 !important;

    border-radius:
        0 0 0 65px !important;

    background:
        #fff !important;
}


/* ==========================================================
   GOLD ICON
========================================================== */

.jtii-home-service-icon {
    left:
        14px !important;

    bottom:
        -20px !important;

    z-index:
        20 !important;

    width:
        46px !important;

    height:
        46px !important;

    border:
        3px solid #fff !important;

    border-radius:
        50% !important;

    background-color:
        #fff8e9 !important;

    background-size:
        21px !important;

    box-shadow:
        0 4px 13px
        rgba(11,33,61,.09) !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-service-body h3 {
    min-height:
        39px !important;

    margin:
        0 0
        8px !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.13 !important;

    letter-spacing:
        -.2px !important;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.jtii-home-service-body p {
    min-height:
        74px !important;

    margin:
        0 0
        13px !important;

    color:
        #596b7e !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        400 !important;

    line-height:
        1.48 !important;
}


/* ==========================================================
   LINK
========================================================== */

.jtii-home-service-body > a {
    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    width:
        max-content !important;

    margin-top:
        auto !important;

    color:
        #087db2 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


.jtii-home-service-body > a span {
    color:
        #c99f53 !important;

    font-size:
        14px !important;
}


.jtii-home-service-body > a:hover {
    color:
        #0b213d !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1050px) {

    .jtii-home-services-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media(max-width:600px) {

    .jtii-home-services {
        padding:
            40px 0
            48px !important;
    }


    .jtii-home-services > .jtii-container {
        width:
            calc(100% - 28px) !important;
    }


    .jtii-home-services-head h2 {
        font-size:
            27px !important;
    }


    .jtii-home-services-grid {
        grid-template-columns:
            1fr !important;
    }


    .jtii-home-service-visual {
        height:
            185px !important;

        flex-basis:
            185px !important;
    }


    .jtii-home-service-card {
        min-height:
            0 !important;
    }


    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height:
            0 !important;
    }

}



/* ==========================================================
   JTII SERVICES
   NUMBER + ICON POSITION FINAL
========================================================== */


/* ----------------------------------------------------------
   NUMBER 01 / 02 / 03 / 04
---------------------------------------------------------- */

.jtii-home-service-number {
    left: 12px !important;
    top: 12px !important;

    width: 34px !important;
    height: 34px !important;

    border: 2px solid #fff !important;

    font-size: 9px !important;

    box-shadow:
        0 4px 10px
        rgba(11,33,61,.12) !important;
}


/* ----------------------------------------------------------
   GOLD ICON
---------------------------------------------------------- */

.jtii-home-service-icon {
    left: 14px !important;

    bottom: -17px !important;

    width: 40px !important;
    height: 40px !important;

    border: 3px solid #fff !important;

    background-size:
        18px !important;

    box-shadow:
        0 4px 10px
        rgba(11,33,61,.08) !important;
}


/* ----------------------------------------------------------
   BODY
   beri ruang agar title tidak kena icon
---------------------------------------------------------- */

.jtii-home-service-body {
    padding:
        35px 15px
        15px !important;
}


/* ----------------------------------------------------------
   TITLE
---------------------------------------------------------- */

.jtii-home-service-body h3 {
    min-height: 38px !important;

    margin:
        0 0
        8px !important;

    padding-left:
        0 !important;

    font-size:
        14px !important;

    line-height:
        1.18 !important;
}


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

@media(max-width:600px) {

    .jtii-home-service-number {
        width: 36px !important;
        height: 36px !important;
    }

    .jtii-home-service-icon {
        width: 42px !important;
        height: 42px !important;
    }

}



/* ==========================================================
   JTII SERVICES — COMPACT HEIGHT FINAL
========================================================== */

.jtii-home-services-grid {
    align-items:
        stretch !important;
}


/* CARD */
.jtii-home-service-card {
    min-height:
        0 !important;

    height:
        355px !important;
}


/* FOTO */
.jtii-home-service-visual {
    height:
        128px !important;

    flex:
        0 0 128px !important;
}


/* BODY */
.jtii-home-service-body {
    min-height:
        0 !important;

    padding:
        34px 15px
        14px !important;
}


/* TITLE */
.jtii-home-service-body h3 {
    min-height:
        38px !important;

    max-height:
        38px !important;

    margin-bottom:
        7px !important;

    overflow:
        hidden !important;

    font-size:
        14px !important;

    line-height:
        1.17 !important;
}


/* DESCRIPTION */
.jtii-home-service-body p {
    min-height:
        58px !important;

    max-height:
        58px !important;

    margin-bottom:
        10px !important;

    overflow:
        hidden !important;

    font-size:
        9.5px !important;

    line-height:
        1.48 !important;
}


/* LINK */
.jtii-home-service-body > a {
    margin-top:
        auto !important;

    padding-top:
        5px !important;

    font-size:
        8.5px !important;
}


/* ICON */
.jtii-home-service-icon {
    width:
        40px !important;

    height:
        40px !important;

    bottom:
        -17px !important;

    background-size:
        18px !important;
}


/* NUMBER */
.jtii-home-service-number {
    width:
        34px !important;

    height:
        34px !important;

    font-size:
        9px !important;
}


/* TABLET */
@media(max-width:1050px) {

    .jtii-home-service-card {
        height:
            365px !important;
    }

}


/* MOBILE */
@media(max-width:600px) {

    .jtii-home-service-card {
        height:
            auto !important;
    }

    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height:
            0 !important;

        max-height:
            none !important;
    }

}



/* ==========================================================
   HOME - PRODUK & LAYANAN
   FINAL STYLE FOLLOWING REFERENCE
========================================================== */

.jtii-home-services {
    position: relative;
    padding: 78px 0 56px;
    background: #f8f8f6;
    overflow: hidden;
}

.jtii-home-services::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    width: 520px;
    height: 180px;
    background: url('/wp-content/themes/jtii-luxury/assets/img/map-indonesia-light.png') no-repeat right top;
    background-size: contain;
    opacity: .14;
    pointer-events: none;
}

.jtii-home-services .jtii-container {
    position: relative;
    z-index: 2;
}

/* heading atas */
.jtii-home-services-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #c9973e;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.jtii-home-services-label::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #c9973e;
    display: inline-block;
}

.jtii-home-services-title {
    max-width: 760px;
    margin: 0 0 14px;
    color: #0b213d;
    font-size: 58px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.6px;
}

.jtii-home-services-subtitle {
    max-width: 720px;
    margin: 0 0 42px;
    color: #5c6f86;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 500;
}


/* grid */
.jtii-home-services-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}


/* card */
.jtii-home-service-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 555px;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(11, 33, 61, .05);
    overflow: visible;
    transition: transform .25s ease, box-shadow .25s ease;
}

.jtii-home-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(11, 33, 61, .10);
}


/* image */
.jtii-home-service-visual {
    position: relative;
    height: 170px;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}

.jtii-home-service-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* number badge */
.jtii-home-service-number {
    position: absolute;
    top: -14px;
    left: -14px;
    z-index: 5;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    background: #1392db;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(19, 146, 219, .25);
}


/* body */
.jtii-home-service-body {
    position: relative;
    flex: 1 1 auto;
    padding: 42px 26px 26px;
    background: #ffffff;
    border-radius: 0 0 14px 14px;
    overflow: hidden;
}

.jtii-home-service-body::before {
    content: "";
    position: absolute;
    top: -76px;
    right: -2px;
    width: 160px;
    height: 150px;
    background: #ffffff;
    border-radius: 0 0 0 100px;
    z-index: 1;
}


/* icon lingkaran */
.jtii-home-service-icon {
    position: absolute;
    top: -30px;
    left: 18px;
    z-index: 6;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #fff9ef;
    border: 3px solid #f0f0ec;
    box-shadow: 0 8px 22px rgba(11, 33, 61, .08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.jtii-home-service-icon img,
.jtii-home-service-icon i,
.jtii-home-service-icon svg {
    width: 28px;
    height: 28px;
    color: #c79a45;
    fill: #c79a45;
}


/* inner text */
.jtii-home-service-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.jtii-home-service-body h3 {
    margin: 18px 0 14px;
    color: #0b213d;
    font-size: 24px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.25px;
}

.jtii-home-service-body p {
    margin: 0 0 20px;
    color: #5f6e81;
    font-size: 17px;
    line-height: 1.62;
    font-weight: 500;
}

.jtii-home-service-body a {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #1f97e8;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

.jtii-home-service-body a::after {
    content: "→";
    font-size: 24px;
    line-height: 1;
    color: #1f97e8;
}

.jtii-home-service-body a:hover {
    color: #0b213d;
}

.jtii-home-service-body a:hover::after {
    color: #0b213d;
}


/* desktop medium */
@media (max-width: 1366px) {
    .jtii-home-services-title {
        font-size: 48px;
    }

    .jtii-home-service-card {
        min-height: 515px;
    }

    .jtii-home-service-body h3 {
        font-size: 21px;
    }

    .jtii-home-service-body p {
        font-size: 15px;
    }
}


/* tablet */
@media (max-width: 1100px) {
    .jtii-home-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jtii-home-services-title {
        font-size: 40px;
    }
}


/* mobile */
@media (max-width: 640px) {
    .jtii-home-services {
        padding: 60px 0 40px;
    }

    .jtii-home-services-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .jtii-home-services-title {
        font-size: 32px;
    }

    .jtii-home-services-subtitle {
        font-size: 15px;
    }

    .jtii-home-service-card {
        min-height: auto;
    }

    .jtii-home-service-visual {
        height: 160px;
    }

    .jtii-home-service-body {
        padding: 40px 20px 22px;
    }

    .jtii-home-service-body h3 {
        font-size: 22px;
    }

    .jtii-home-service-body p {
        font-size: 15px;
    }

    .jtii-home-service-body a {
        font-size: 16px;
    }
}



/* ==========================================================
   JTII SERVICES
   EXACT REFERENCE CARD
========================================================== */


/* GRID */
.jtii-home-services-grid {
    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    gap:
        18px !important;

    align-items:
        stretch !important;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-service-card {
    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    height:
        370px !important;

    min-height:
        370px !important;

    overflow:
        hidden !important;

    border:
        1px solid #e4e7e8 !important;

    border-radius:
        7px !important;

    background:
        #fff !important;

    box-shadow:
        0 7px 22px
        rgba(11,33,61,.055) !important;
}


/* ==========================================================
   IMAGE
========================================================== */

.jtii-home-service-visual {
    position:
        relative !important;

    height:
        140px !important;

    min-height:
        140px !important;

    flex:
        0 0 140px !important;

    overflow:
        visible !important;

    background:
        #e9edf0 !important;
}


.jtii-home-service-visual img {
    display:
        block !important;

    width:
        100% !important;

    height:
        140px !important;

    object-fit:
        cover !important;

    border-radius:
        7px 7px 0 0 !important;
}


/* hilangkan overlay lama */
.jtii-home-service-visual::after {
    display:
        none !important;
}


/* ==========================================================
   NUMBER 01 - 04
   seperti referensi
========================================================== */

.jtii-home-service-number {
    position:
        absolute !important;

    left:
        12px !important;

    top:
        10px !important;

    z-index:
        20 !important;

    width:
        42px !important;

    height:
        42px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 !important;

    border:
        3px solid #fff !important;

    border-radius:
        50% !important;

    background:
        #078dca !important;

    color:
        #fff !important;

    box-shadow:
        0 4px 12px
        rgba(11,33,61,.14) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;
}


/* ==========================================================
   HIDE ICON HTML LAMA
   icon kita buat ulang supaya posisinya presisi
========================================================== */

.jtii-home-service-icon {
    display:
        none !important;
}


/* ==========================================================
   WHITE BODY + CURVE
========================================================== */

.jtii-home-service-body {
    position:
        relative !important;

    z-index:
        5 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    flex:
        1 1 auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        39px 16px
        15px !important;

    border-radius:
        0 68px 7px 7px !important;

    background:
        #fff !important;

    overflow:
        visible !important;
}


/* hapus curve tambahan lama */
.jtii-home-service-body::before {
    display:
        none !important;
}


/* ==========================================================
   GOLD ICON CIRCLE
========================================================== */

.jtii-home-service-body::after {
    content:
        "" !important;

    position:
        absolute !important;

    left:
        14px !important;

    top:
        -24px !important;

    z-index:
        30 !important;

    width:
        48px !important;

    height:
        48px !important;

    box-sizing:
        border-box !important;

    border:
        3px solid #fff !important;

    border-radius:
        50% !important;

    background-color:
        #fff8e9 !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        23px !important;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.09) !important;
}


/* 01 Pembelian Piutang */
.jtii-home-service-card:nth-child(1)
.jtii-home-service-body::after {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3C7.6 3 4 4.3 4 6s3.6 3 8 3 8-1.3 8-3-3.6-3-8-3Zm-8 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3V9c-1.8 1.3-4.8 2-8 2S5.8 10.3 4 9Zm0 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3v-3c-1.8 1.3-4.8 2-8 2s-6.2-.7-8-2Z'/%3E%3C/svg%3E") !important;
}


/* 02 Perdagangan Properti */
.jtii-home-service-card:nth-child(2)
.jtii-home-service-body::after {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E") !important;
}


/* 03 Manajemen Piutang */
.jtii-home-service-card:nth-child(3)
.jtii-home-service-body::after {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M6 2h9l5 5v15H6V2Zm8 2v4h4l-4-4ZM9 12h8v-2H9v2Zm0 4h8v-2H9v2Zm0 4h6v-2H9v2Z'/%3E%3C/svg%3E") !important;
}


/* 04 Konsultasi & Sewa */
.jtii-home-service-card:nth-child(4)
.jtii-home-service-body::after {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 21V5h6v4h4V2h6v19h-7v-6h-2v6H4Zm2-13v2h2V8H6Zm0 4v2h2v-2H6Zm10-7v2h2V5h-2Zm0 4v2h2V9h-2Z'/%3E%3C/svg%3E") !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-service-body h3 {
    min-height:
        40px !important;

    max-height:
        40px !important;

    margin:
        0 0
        8px !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.16 !important;

    letter-spacing:
        -.15px !important;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.jtii-home-service-body p {
    min-height:
        70px !important;

    max-height:
        70px !important;

    margin:
        0 0
        10px !important;

    overflow:
        hidden !important;

    color:
        #5f6f81 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        400 !important;

    line-height:
        1.48 !important;
}


/* ==========================================================
   LEARN MORE
========================================================== */

.jtii-home-service-body > a {
    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    width:
        max-content !important;

    margin-top:
        auto !important;

    padding:
        0 !important;

    color:
        #078dca !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


/* HILANGKAN PANAH CSS TAMBAHAN */
.jtii-home-service-body > a::after {
    content:
        none !important;

    display:
        none !important;
}


/* panah HTML yang memang sudah ada */
.jtii-home-service-body > a span {
    display:
        inline-block !important;

    margin:
        0 !important;

    color:
        #078dca !important;

    font-size:
        14px !important;

    line-height:
        1 !important;
}


/* ==========================================================
   HOVER
========================================================== */

.jtii-home-service-card:hover {
    transform:
        translateY(-3px) !important;

    border-color:
        rgba(201,159,83,.42) !important;

    box-shadow:
        0 14px 30px
        rgba(11,33,61,.085) !important;
}


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

@media(max-width:1050px) {

    .jtii-home-services-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


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

@media(max-width:600px) {

    .jtii-home-services-grid {
        grid-template-columns:
            1fr !important;
    }


    .jtii-home-service-card {
        height:
            auto !important;

        min-height:
            365px !important;
    }


    .jtii-home-service-visual {
        height:
            170px !important;

        min-height:
            170px !important;

        flex-basis:
            170px !important;
    }


    .jtii-home-service-visual img {
        height:
            170px !important;
    }


    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height:
            0 !important;

        max-height:
            none !important;
    }

}


/* ==========================================================
   JTII SERVICES - NUMBER BADGE UNIFORM
========================================================== */

.jtii-home-service-number {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 30 !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    border: 3px solid #ffffff !important;

    background: #0d96d8 !important;
    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;

    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;

    box-shadow: 0 4px 12px rgba(11,33,61,.14) !important;
    transform: none !important;
}


/* kalau ada span di dalam badge */
.jtii-home-service-number span {
    display: block !important;
    width: 100% !important;
    line-height: 1 !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}



/* ==========================================================
   PRODUK & LAYANAN
   EXACT REFERENCE FINAL
========================================================== */


/* CARD */
.jtii-home-service-card {
    position: relative !important;
    overflow: visible !important;

    height: 365px !important;
    min-height: 365px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: transparent !important;

    box-shadow:
        0 8px 25px rgba(11,33,61,.06) !important;
}


/* ==========================================================
   PHOTO
========================================================== */

.jtii-home-service-visual {
    position: relative !important;

    height: 135px !important;
    min-height: 135px !important;
    flex: 0 0 135px !important;

    overflow: hidden !important;

    border-radius:
        8px 8px
        0 0 !important;
}


.jtii-home-service-visual img {
    width: 100% !important;
    height: 135px !important;

    object-fit: cover !important;

    border-radius:
        8px 8px
        0 0 !important;
}


/* ==========================================================
   NUMBER 01 / 02 / 03 / 04
========================================================== */

.jtii-home-service-number {
    position: absolute !important;

    left: 10px !important;
    top: -17px !important;

    z-index: 50 !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background:
        #0794d2 !important;

    color:
        #fff !important;

    box-shadow:
        0 5px 13px
        rgba(11,33,61,.14) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        17px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        0 !important;

    font-variant-numeric:
        tabular-nums !important;
}


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

.jtii-home-service-body {
    position: relative !important;

    z-index: 10 !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    min-height: 0 !important;

    margin-top:
        -1px !important;

    padding:
        39px 17px
        17px !important;

    background:
        #fff !important;

    border-radius:
        0 58px
        8px 8px !important;

    overflow:
        visible !important;
}


/* hapus pseudo curve lama */
.jtii-home-service-body::before {
    display: none !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

/* icon HTML lama tetap dipakai */
.jtii-home-service-icon {
    display: block !important;

    position: absolute !important;

    left: 13px !important;
    top: -31px !important;
    bottom: auto !important;

    z-index: 60 !important;

    width: 58px !important;
    height: 58px !important;

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background-color:
        #fff8e8 !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        25px !important;

    box-shadow:
        0 5px 15px
        rgba(11,33,61,.10) !important;
}


/* jangan buat icon pseudo kedua */
.jtii-home-service-body::after {
    display: none !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-service-body h3 {
    min-height: 39px !important;
    max-height: 39px !important;

    margin:
        0 0
        9px !important;

    overflow: hidden !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        -.2px !important;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.jtii-home-service-body p {
    min-height: 76px !important;
    max-height: 76px !important;

    margin:
        0 0
        10px !important;

    overflow: hidden !important;

    color:
        #596b7d !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10.5px !important;

    line-height:
        1.48 !important;
}


/* ==========================================================
   LINK
========================================================== */

.jtii-home-service-body > a {
    margin-top:
        auto !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    width:
        max-content !important;

    color:
        #078fcf !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        9.5px !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


/* jangan sampai ada 2 panah */
.jtii-home-service-body > a::after {
    display:
        none !important;

    content:
        none !important;
}


.jtii-home-service-body > a span {
    display:
        inline-block !important;

    color:
        #078fcf !important;

    font-size:
        17px !important;

    line-height:
        1 !important;
}


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

@media(max-width:600px) {

    .jtii-home-service-card {
        height:
            auto !important;

        min-height:
            360px !important;
    }

    .jtii-home-service-number {
        left:
            12px !important;
    }

    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height:
            0 !important;

        max-height:
            none !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   FIX NUMBER + GOLD ICON POSITION
========================================================== */


/* beri ruang untuk badge nomor yang keluar ke atas */
.jtii-home-services-grid {
    padding-top: 18px !important;
}


/* CARD */
.jtii-home-service-card {
    overflow: visible !important;
}


/* FOTO */
.jtii-home-service-visual {
    position: relative !important;
    overflow: visible !important;
}


/* gambar sendiri tetap terpotong rapi */
.jtii-home-service-visual img {
    border-radius: 8px 8px 0 0 !important;
}


/* ==========================================================
   01 / 02 / 03 / 04
========================================================== */

.jtii-home-service-number {
    position: absolute !important;

    left: 12px !important;
    top: -16px !important;

    z-index: 50 !important;

    width: 56px !important;
    height: 56px !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background: #0794d2 !important;
    color: #fff !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow:
        0 5px 14px rgba(11,33,61,.14) !important;
}


/* ==========================================================
   ICON GOLD
   PINDAH KE BATAS BAWAH FOTO
========================================================== */

.jtii-home-service-icon {
    display: block !important;

    position: absolute !important;

    left: 14px !important;

    top: auto !important;
    bottom: -27px !important;

    z-index: 60 !important;

    width: 58px !important;
    height: 58px !important;

    box-sizing: border-box !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background-color: #fff8e8 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;

    box-shadow:
        0 5px 15px rgba(11,33,61,.10) !important;
}


/* BODY diberi ruang untuk icon */
.jtii-home-service-body {
    padding-top: 42px !important;
}


/* jangan ada icon pseudo kedua */
.jtii-home-service-body::after {
    display: none !important;
    content: none !important;
}


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

@media(max-width:600px) {

    .jtii-home-services-grid {
        padding-top: 18px !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   BADGE NOMOR LEBIH POJOK
========================================================== */

.jtii-home-service-number {
    left: 6px !important;
    top: -10px !important;
}


/* ==========================================================
   SERVICE NUMBER - POJOK KIRI FINAL
========================================================== */

.jtii-home-service-card,
.jtii-home-service-visual {
    overflow: visible !important;
}

.jtii-home-service-number {
    left: -12px !important;
    top: -12px !important;
}



/* ==========================================================
   PRODUK & LAYANAN
   FINAL PROPORTION MATCH REFERENCE
========================================================== */


/* CARD */
.jtii-home-service-card {
    height: 360px !important;
    min-height: 360px !important;
}


/* FOTO sedikit lebih pendek */
.jtii-home-service-visual {
    height: 124px !important;
    min-height: 124px !important;
    flex-basis: 124px !important;
}

.jtii-home-service-visual img {
    height: 124px !important;
}


/* ==========================================================
   01 / 02 / 03 / 04
   POSISI INI SUDAH PAS
========================================================== */

.jtii-home-service-number {
    left: -12px !important;
    top: -12px !important;

    width: 58px !important;
    height: 58px !important;

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

    font-size: 17px !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

.jtii-home-service-icon {
    left: 12px !important;
    bottom: -25px !important;

    width: 54px !important;
    height: 54px !important;

    border-width: 4px !important;

    background-size: 23px !important;
}


/* ==========================================================
   BODY + CURVE
========================================================== */

.jtii-home-service-body {
    padding:
        38px 15px
        15px !important;

    border-radius:
        0 72px
        8px 8px !important;
}


/* curve dibuat lebih lebar seperti contoh */
.jtii-home-service-body::before {
    display: block !important;

    content: "" !important;

    position: absolute !important;

    top: -28px !important;
    right: -1px !important;

    width: 105px !important;
    height: 60px !important;

    background: #fff !important;

    border-radius:
        0 0
        0 72px !important;

    pointer-events: none !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-service-body h3 {
    min-height: 36px !important;
    max-height: 36px !important;

    margin-bottom: 8px !important;

    font-size: 15px !important;
    line-height: 1.15 !important;
}


/* ==========================================================
   DESCRIPTION
   dibuat lebih dekat ke referensi
========================================================== */

.jtii-home-service-body p {
    min-height: 72px !important;
    max-height: 72px !important;

    margin-bottom: 9px !important;

    font-size: 10.5px !important;
    line-height: 1.48 !important;
}


/* ==========================================================
   LINK
========================================================== */

.jtii-home-service-body > a {
    margin-top: auto !important;

    font-size: 9px !important;
    line-height: 1 !important;
}

.jtii-home-service-body > a::after {
    display: none !important;
    content: none !important;
}

.jtii-home-service-body > a span {
    font-size: 15px !important;
}


/* MOBILE */
@media(max-width:600px) {

    .jtii-home-service-card {
        height: auto !important;
        min-height: 350px !important;
    }

}



/* ==========================================================
   JTII SERVICES
   CURVE BESAR SEPERTI REFERENSI
========================================================== */


/* CARD */
.jtii-home-service-card {
    position: relative !important;
    overflow: visible !important;
}


/* FOTO */
.jtii-home-service-visual {
    position: relative !important;
    z-index: 1 !important;
}


/* ==========================================================
   NOMOR 01-04
========================================================== */

.jtii-home-service-number {
    left: -12px !important;
    top: -12px !important;

    width: 58px !important;
    height: 58px !important;

    z-index: 50 !important;
}


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

.jtii-home-service-body {
    position: relative !important;
    z-index: 5 !important;

    margin-top: 0 !important;

    padding:
        42px 17px
        16px !important;

    background:
        #fff !important;

    border-radius:
        0 0 8px 8px !important;

    overflow:
        visible !important;
}


/*
 * BAGIAN PUTIH NAIK DI KANAN FOTO
 */
.jtii-home-service-body::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    z-index: -1 !important;

    top: -54px !important;
    right: 0 !important;

    width: 128px !important;
    height: 112px !important;

    background:
        #fff !important;

    /*
     * membuat curve besar:
     * garis horizontal di atas lalu turun melengkung
     */
    border-radius:
        0 0 0 105px !important;

    pointer-events:
        none !important;
}


/*
 * Tutup area body kiri supaya pertemuan
 * foto/body tetap lurus seperti referensi
 */
.jtii-home-service-body {
    box-shadow:
        0 8px 24px
        rgba(11,33,61,.045) !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

.jtii-home-service-icon {
    display: block !important;

    position: absolute !important;

    left: 13px !important;

    top: auto !important;
    bottom: -27px !important;

    z-index: 60 !important;

    width: 58px !important;
    height: 58px !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background-color:
        #fff8e8 !important;

    background-size:
        25px !important;

    box-shadow:
        0 5px 15px
        rgba(11,33,61,.10) !important;
}


/* jangan ada icon kedua */
.jtii-home-service-body::after {
    display: none !important;
    content: none !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-service-body h3 {
    margin-top: 0 !important;

    font-size: 16px !important;

    line-height: 1.16 !important;
}


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

@media(max-width:600px) {

    .jtii-home-service-body::before {
        width: 115px !important;
        height: 100px !important;

        top: -48px !important;

        border-radius:
            0 0 0 92px !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   EXACT SHAPE SEPERTI REFERENSI
========================================================== */


/* CARD */
.jtii-home-service-card {
    position: relative !important;

    height: 365px !important;
    min-height: 365px !important;

    overflow: visible !important;

    border-radius: 7px !important;

    background: #fff !important;
}


/* ==========================================================
   FOTO
========================================================== */

.jtii-home-service-visual {
    position: relative !important;

    z-index: 1 !important;

    height: 140px !important;
    min-height: 140px !important;
    flex: 0 0 140px !important;

    overflow: visible !important;
}


.jtii-home-service-visual img {
    display: block !important;

    width: 100% !important;
    height: 140px !important;

    object-fit: cover !important;

    border-radius:
        7px 7px
        0 0 !important;
}


/* ==========================================================
   NOMOR 01 / 02 / 03 / 04
========================================================== */

.jtii-home-service-number {
    position: absolute !important;

    left: -7px !important;
    top: -10px !important;

    z-index: 50 !important;

    width: 58px !important;
    height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background: #0794d2 !important;
    color: #fff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.15) !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

.jtii-home-service-icon {
    display: block !important;

    position: absolute !important;

    left: 10px !important;
    bottom: -21px !important;

    z-index: 60 !important;

    width: 58px !important;
    height: 58px !important;

    box-sizing: border-box !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background-color: #fff8e9 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.10) !important;
}


/* ==========================================================
   BODY
   INI BAGIAN PENTING
========================================================== */

.jtii-home-service-body {
    position: relative !important;

    z-index: 10 !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    /*
     * body naik menimpa bagian bawah foto
     * seperti screenshot referensi
     */
    margin-top: -20px !important;

    padding:
        52px 17px
        16px !important;

    background: #fff !important;

    /*
     * curve utama referensi
     */
    border-radius:
        0 68px
        7px 7px !important;

    overflow: visible !important;
}


/* HAPUS curve buatan sebelumnya */
.jtii-home-service-body::before,
.jtii-home-service-body::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   JUDUL
========================================================== */

.jtii-home-service-body h3 {
    min-height: 40px !important;
    max-height: 40px !important;

    margin:
        0 0
        8px !important;

    overflow: hidden !important;

    color: #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.16 !important;

    letter-spacing: -.2px !important;
}


/* ==========================================================
   DESKRIPSI
========================================================== */

.jtii-home-service-body p {
    min-height: 76px !important;
    max-height: 76px !important;

    margin:
        0 0
        10px !important;

    overflow: hidden !important;

    color: #5d6e80 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10.5px !important;

    line-height: 1.48 !important;
}


/* ==========================================================
   PELAJARI LEBIH LANJUT
========================================================== */

.jtii-home-service-body > a {
    margin-top: auto !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 10px !important;

    width: max-content !important;

    color: #078fcf !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9.5px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


/* jangan sampai panah dobel */
.jtii-home-service-body > a::after {
    content: none !important;
    display: none !important;
}


.jtii-home-service-body > a span {
    display: inline-block !important;

    color: #078fcf !important;

    font-size: 16px !important;
}


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

@media(max-width:600px) {

    .jtii-home-service-card {
        height: auto !important;
        min-height: 360px !important;
    }

    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height: 0 !important;
        max-height: none !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   FIX GOLD ICON LAYER
========================================================== */


/*
 * Jangan jadikan visual sebagai stacking context,
 * supaya icon bisa berada di atas body putih.
 */
.jtii-home-service-visual {
    position: relative !important;
    z-index: auto !important;
    overflow: visible !important;
}


/* BODY tetap di atas image overlap */
.jtii-home-service-body {
    position: relative !important;
    z-index: 2 !important;
}


/* ==========================================================
   GOLD ICON
========================================================== */

.jtii-home-service-icon {
    display: block !important;

    position: absolute !important;

    left: 12px !important;
    bottom: -28px !important;

    top: auto !important;

    z-index: 30 !important;

    width: 58px !important;
    height: 58px !important;

    box-sizing: border-box !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background-color: #fff8e8 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;

    box-shadow:
        0 5px 15px
        rgba(11,33,61,.10) !important;
}


/* ==========================================================
   NUMBER 01-04
   juga harus tetap di atas
========================================================== */

.jtii-home-service-number {
    z-index: 31 !important;
}


/* ==========================================================
   JUDUL
   beri ruang tepat setelah icon
========================================================== */

.jtii-home-service-body {
    padding-top: 51px !important;
}


.jtii-home-service-body h3 {
    margin-top: 0 !important;
}



/* ==========================================================
   PRODUK & LAYANAN
   FIX IMAGE KELUAR SAAT HOVER
========================================================== */

/* gambar jangan zoom */
.jtii-home-service-visual img {
    transform: none !important;
    transition: none !important;
}


/* matikan semua rule hover zoom lama */
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


/* card tetap boleh bergerak sedikit */
.jtii-home-service-card:hover {
    transform: translateY(-3px) !important;

    box-shadow:
        0 14px 30px
        rgba(11,33,61,.085) !important;
}


/* foto tetap mengikuti radius card */
.jtii-home-service-visual img {
    border-radius:
        7px 7px 0 0 !important;
}


/* icon tetap boleh keluar dari batas foto */
.jtii-home-service-visual {
    overflow: visible !important;
}



/* ==========================================================
   PRODUK & LAYANAN
   SMOOTH RIGHT CURVE — FINAL
========================================================== */

/*
 * Hilangkan semua pseudo curve lama
 */
.jtii-home-service-body::before,
.jtii-home-service-body::after {
    content: none !important;
    display: none !important;
}


/*
 * Curve panjang dan lembut seperti referensi.
 * Horizontal lebih panjang, turun tidak terlalu tajam.
 */
.jtii-home-service-body {
    margin-top: -20px !important;

    border-radius:
        0
        105px 58px
        8px
        8px !important;

    overflow: visible !important;
}


/*
 * Pastikan tidak ada garis / tonjolan
 * di sisi kanan card.
 */
.jtii-home-service-card {
    border-radius: 8px !important;
}

.jtii-home-service-body {
    width: 100% !important;
    box-sizing: border-box !important;
}


/* FOTO */
.jtii-home-service-visual,
.jtii-home-service-visual img {
    border-radius:
        8px 8px
        0 0 !important;
}


/* ICON tetap di posisi sekarang */
.jtii-home-service-icon {
    left: 12px !important;
    bottom: -28px !important;
}


/* MOBILE */
@media(max-width:600px) {

    .jtii-home-service-body {
        border-radius:
            0
            85px 48px
            8px
            8px !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   IMAGE POSITION LEBIH KE BAWAH
========================================================== */

.jtii-home-service-visual img {
    object-fit: cover !important;
    object-position: center 62% !important;
}


/* card 01 sedikit lebih bawah */
.jtii-home-service-card:nth-child(1)
.jtii-home-service-visual img {
    object-position: center 64% !important;
}


/* card 02 */
.jtii-home-service-card:nth-child(2)
.jtii-home-service-visual img {
    object-position: center 60% !important;
}


/* card 03 */
.jtii-home-service-card:nth-child(3)
.jtii-home-service-visual img {
    object-position: center 58% !important;
}


/* card 04 */
.jtii-home-service-card:nth-child(4)
.jtii-home-service-visual img {
    object-position: center 60% !important;
}



/* ==========================================================
   PRODUK & LAYANAN
   FOTO MENGISI AREA DI BELAKANG CURVE
========================================================== */


/*
 * Foto dibuat lebih tinggi dari area yang terlihat.
 * Bagian bawah foto akan berada DI BELAKANG body putih.
 */
.jtii-home-service-visual {
    position: relative !important;

    height: 165px !important;
    min-height: 165px !important;
    flex: 0 0 165px !important;

    overflow: visible !important;

    z-index: 1 !important;
}


.jtii-home-service-visual img {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 165px !important;

    object-fit: cover !important;

    border-radius:
        8px 8px
        0 0 !important;

    transform: none !important;
}


/* ==========================================================
   BODY PUTIH MENIMPA FOTO
========================================================== */

.jtii-home-service-body {
    position: relative !important;

    z-index: 5 !important;

    /*
     * body naik 28px di atas foto,
     * sehingga FOTO tetap terlihat di belakang curve kanan.
     */
    margin-top: -28px !important;

    padding:
        50px 17px
        16px !important;

    background:
        #fff !important;

    border-radius:
        0
        105px 58px
        8px
        8px !important;

    overflow:
        visible !important;
}


/* tidak pakai curve tambahan */
.jtii-home-service-body::before,
.jtii-home-service-body::after {
    display: none !important;
    content: none !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

.jtii-home-service-icon {
    position: absolute !important;

    left: 12px !important;

    top: auto !important;
    bottom: -28px !important;

    z-index: 20 !important;

    width: 58px !important;
    height: 58px !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background-color: #fff8e8 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
}


/* ==========================================================
   BADGE 01-04
========================================================== */

.jtii-home-service-number {
    z-index: 30 !important;
}


/* jangan zoom waktu hover */
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


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

@media(max-width:600px) {

    .jtii-home-service-visual,
    .jtii-home-service-visual img {
        height: 175px !important;
        min-height: 175px !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   FOTO MENGISI AREA DI BELAKANG CURVE
========================================================== */


/*
 * Foto dibuat lebih tinggi dari area yang terlihat.
 * Bagian bawah foto akan berada DI BELAKANG body putih.
 */
.jtii-home-service-visual {
    position: relative !important;

    height: 165px !important;
    min-height: 165px !important;
    flex: 0 0 165px !important;

    overflow: visible !important;

    z-index: 1 !important;
}


.jtii-home-service-visual img {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 165px !important;

    object-fit: cover !important;

    border-radius:
        8px 8px
        0 0 !important;

    transform: none !important;
}


/* ==========================================================
   BODY PUTIH MENIMPA FOTO
========================================================== */

.jtii-home-service-body {
    position: relative !important;

    z-index: 5 !important;

    /*
     * body naik 28px di atas foto,
     * sehingga FOTO tetap terlihat di belakang curve kanan.
     */
    margin-top: -28px !important;

    padding:
        50px 17px
        16px !important;

    background:
        #fff !important;

    border-radius:
        0
        105px 58px
        8px
        8px !important;

    overflow:
        visible !important;
}


/* tidak pakai curve tambahan */
.jtii-home-service-body::before,
.jtii-home-service-body::after {
    display: none !important;
    content: none !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

.jtii-home-service-icon {
    position: absolute !important;

    left: 12px !important;

    top: auto !important;
    bottom: -28px !important;

    z-index: 20 !important;

    width: 58px !important;
    height: 58px !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background-color: #fff8e8 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
}


/* ==========================================================
   BADGE 01-04
========================================================== */

.jtii-home-service-number {
    z-index: 30 !important;
}


/* jangan zoom waktu hover */
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


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

@media(max-width:600px) {

    .jtii-home-service-visual,
    .jtii-home-service-visual img {
        height: 175px !important;
        min-height: 175px !important;
    }

}



/* ==========================================================
   JTII PRODUK & LAYANAN
   MATCH REFERENCE FINAL
========================================================== */


/* ==========================================================
   CARD
========================================================== */

.jtii-home-service-card {
    position: relative !important;

    height: 360px !important;
    min-height: 360px !important;

    overflow: visible !important;

    border-radius: 7px !important;

    background: transparent !important;
}


/* ==========================================================
   FOTO
   foto tetap masuk sedikit di belakang curve
========================================================== */

.jtii-home-service-visual {
    position: relative !important;

    height: 148px !important;
    min-height: 148px !important;
    flex: 0 0 148px !important;

    overflow: visible !important;

    z-index: 1 !important;
}


.jtii-home-service-visual img {
    position: relative !important;

    width: 100% !important;
    height: 148px !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center 60% !important;

    border-radius:
        7px 7px
        0 0 !important;

    transform: none !important;
    transition: none !important;
}


/* jangan zoom */
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


/* ==========================================================
   NUMBER 01-04
========================================================== */

.jtii-home-service-number {
    position: absolute !important;

    left: -9px !important;
    top: -10px !important;

    z-index: 50 !important;

    width: 58px !important;
    height: 58px !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    box-sizing: border-box !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background: #0794d2 !important;
    color: #fff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.15) !important;
}


/* ==========================================================
   ICON LAMA
   sembunyikan supaya tidak ada konflik stacking
========================================================== */

.jtii-home-service-icon {
    display: none !important;
}


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

.jtii-home-service-body {
    position: relative !important;

    z-index: 5 !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    /*
     * hanya sedikit naik ke foto
     * referensi tidak terlalu dalam
     */
    margin-top: -18px !important;

    padding:
        43px 17px
        16px !important;

    background: #fff !important;

    /*
     * curve lebih pendek & halus
     */
    border-radius:
        0
        78px 42px
        7px
        7px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   GOLD ICON
   dibuat pada BODY supaya selalu terlihat
========================================================== */

.jtii-home-service-body::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 11px !important;
    top: -31px !important;

    z-index: 30 !important;

    width: 58px !important;
    height: 58px !important;

    box-sizing: border-box !important;

    border: 4px solid #fff !important;
    border-radius: 50% !important;

    background-color: #fff8e8 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;

    box-shadow:
        0 5px 15px
        rgba(11,33,61,.10) !important;
}


/* jangan pakai pseudo kedua */
.jtii-home-service-body::after {
    content: none !important;
    display: none !important;
}


/* 01 - Pembelian Piutang */
.jtii-home-service-card:nth-child(1)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3C7.6 3 4 4.3 4 6s3.6 3 8 3 8-1.3 8-3-3.6-3-8-3Zm-8 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3V9c-1.8 1.3-4.8 2-8 2S5.8 10.3 4 9Zm0 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3v-3c-1.8 1.3-4.8 2-8 2s-6.2-.7-8-2Z'/%3E%3C/svg%3E") !important;
}


/* 02 - Perdagangan Properti */
.jtii-home-service-card:nth-child(2)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E") !important;
}


/* 03 - Penagihan */
.jtii-home-service-card:nth-child(3)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M6 2h9l5 5v15H6V2Zm8 2v4h4l-4-4ZM9 12h8v-2H9v2Zm0 4h8v-2H9v2Zm0 4h6v-2H9v2Z'/%3E%3C/svg%3E") !important;
}


/* 04 - Konsultasi / Sewa */
.jtii-home-service-card:nth-child(4)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 21V5h6v4h4V2h6v19h-7v-6h-2v6H4Zm2-13v2h2V8H6Zm0 4v2h2v-2H6Zm10-7v2h2V5h-2Zm0 4v2h2V9h-2Z'/%3E%3C/svg%3E") !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-service-body h3 {
    min-height: 40px !important;
    max-height: 40px !important;

    margin:
        0 0
        8px !important;

    overflow: hidden !important;

    color: #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.15 !important;

    letter-spacing: -.2px !important;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.jtii-home-service-body p {
    min-height: 72px !important;
    max-height: 72px !important;

    margin:
        0 0
        10px !important;

    overflow: hidden !important;

    color: #5d6e80 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10.5px !important;

    line-height: 1.48 !important;
}


/* ==========================================================
   LINK
========================================================== */

.jtii-home-service-body > a {
    margin-top: auto !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 10px !important;

    width: max-content !important;

    color: #078fcf !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9.5px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


.jtii-home-service-body > a::after {
    display: none !important;
    content: none !important;
}


.jtii-home-service-body > a span {
    display: inline-block !important;

    color: #078fcf !important;

    font-size: 16px !important;
}


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

@media(max-width:600px) {

    .jtii-home-service-card {
        height: auto !important;
        min-height: 355px !important;
    }

    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height: 0 !important;
        max-height: none !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   MATCH REFERENCE FINAL
========================================================== */


/* CARD */
.jtii-home-service-card {
    position: relative !important;

    height: 365px !important;
    min-height: 365px !important;

    overflow: visible !important;

    border-radius: 8px !important;

    background: transparent !important;
}


/* ==========================================================
   FOTO
========================================================== */

.jtii-home-service-visual {
    position: relative !important;

    height: 135px !important;
    min-height: 135px !important;
    flex: 0 0 135px !important;

    overflow: visible !important;

    z-index: auto !important;
}


.jtii-home-service-visual img {
    display: block !important;

    width: 100% !important;
    height: 135px !important;

    object-fit: cover !important;
    object-position: center 52% !important;

    border-radius:
        8px 8px
        0 0 !important;

    transform: none !important;
}


/* jangan zoom saat hover */
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


/* ==========================================================
   NOMOR 01 / 02 / 03 / 04
========================================================== */

.jtii-home-service-number {
    position: absolute !important;

    left: -8px !important;
    top: -10px !important;

    z-index: 30 !important;

    width: 56px !important;
    height: 56px !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    padding: 0 !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background:
        #078fce !important;

    color:
        #fff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.14) !important;
}


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

.jtii-home-service-body {
    position: relative !important;

    z-index: 2 !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    /*
     * hanya overlap sedikit seperti reference
     */
    margin-top: -12px !important;

    padding:
        41px 17px
        16px !important;

    background:
        #fff !important;

    /*
     * curve kanan lembut dan tidak terlalu dalam
     */
    border-radius:
        0
        62px 40px
        8px
        8px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* hapus curve tambahan dari patch lama */
.jtii-home-service-body::before,
.jtii-home-service-body::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

.jtii-home-service-icon {
    display: block !important;

    position: absolute !important;

    left: 11px !important;
    bottom: -24px !important;

    top: auto !important;

    z-index: 40 !important;

    width: 52px !important;
    height: 52px !important;

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background-color:
        #fff8e8 !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        22px !important;

    box-shadow:
        0 5px 14px
        rgba(11,33,61,.09) !important;
}


/* ==========================================================
   JUDUL
========================================================== */

.jtii-home-service-body h3 {
    min-height: 38px !important;
    max-height: 38px !important;

    margin:
        0 0
        7px !important;

    overflow: hidden !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        -.15px !important;
}


/* ==========================================================
   DESKRIPSI
========================================================== */

.jtii-home-service-body p {
    min-height: 68px !important;
    max-height: 68px !important;

    margin:
        0 0
        9px !important;

    overflow: hidden !important;

    color:
        #5c6e81 !important;

    font-size:
        10px !important;

    line-height:
        1.48 !important;
}


/* ==========================================================
   LINK
========================================================== */

.jtii-home-service-body > a {
    margin-top: auto !important;

    font-size:
        9px !important;

    gap:
        10px !important;
}


.jtii-home-service-body > a::after {
    content:
        none !important;

    display:
        none !important;
}


.jtii-home-service-body > a span {
    font-size:
        15px !important;
}


/* MOBILE */
@media(max-width:600px) {

    .jtii-home-service-card {
        height:
            auto !important;
    }

    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height:
            0 !important;

        max-height:
            none !important;
    }

}


/* ==========================================================
   FIX GAP POJOK KANAN CARD PRODUK & LAYANAN
========================================================== */

.jtii-home-service-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}


/* layer gambar dibuat lebih tinggi agar area lengkung kanan ikut terisi */
.jtii-home-service-visual {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 175px !important;
    min-height: 175px !important;

    overflow: hidden !important;
    z-index: 1 !important;

    border-radius: 10px 10px 0 0 !important;
}

.jtii-home-service-visual img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;

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

    border-radius: 10px 10px 0 0 !important;
}


/* body putih naik menimpa gambar */
.jtii-home-service-body {
    position: relative !important;
    z-index: 2 !important;

    margin-top: 118px !important;

    min-height: 270px !important;

    padding: 64px 28px 26px !important;

    background: #ffffff !important;

    border-radius: 0 84px 10px 10px !important;

    overflow: hidden !important;
}


/* icon bulat emas */
.jtii-home-service-icon {
    position: absolute !important;
    top: -22px !important;
    left: 18px !important;
    z-index: 5 !important;
}


/* nomor 01 02 03 04 */
.jtii-home-service-number {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 6 !important;
}


/* pastikan tidak ada pseudo lama yang bikin sudut aneh */
.jtii-home-service-body::before,
.jtii-home-service-body::after,
.jtii-home-service-card::before,
.jtii-home-service-card::after {
    box-shadow: none !important;
}


/* hover jangan bikin gambar keluar kotak */
.jtii-home-service-card:hover .jtii-home-service-visual img {
    transform: scale(1.03) !important;
}

.jtii-home-service-visual img {
    transition: transform .35s ease !important;
}


/* ==========================================================
   FIX FINAL - CARD PRODUK & LAYANAN
========================================================== */

.jtii-home-service-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #fdfdfd !important;
    border: 1px solid #e6e6e6 !important;
}


/* FOTO / BACKGROUND ATAS */
.jtii-home-service-visual {
    position: absolute !important;
    top: 8px !important;
    left: 12px !important;
    right: 12px !important;

    height: 172px !important;      /* dibuat lebih turun */
    overflow: hidden !important;

    border-radius: 12px 12px 0 0 !important;
    z-index: 1 !important;
    background: #dfeaf4 !important;
}

.jtii-home-service-visual img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 12px 12px 0 0 !important;
    transition: transform .35s ease !important;
}

.jtii-home-service-card:hover .jtii-home-service-visual img {
    transform: scale(1.02) !important;
}


/* BODY PUTIH */
.jtii-home-service-body {
    position: relative !important;
    z-index: 2 !important;

    margin-top: 138px !important;   /* supaya gambar terlihat lebih ke bawah */
    margin-left: 12px !important;
    margin-right: 12px !important;
    margin-bottom: 12px !important;

    min-height: 286px !important;
    padding: 78px 28px 26px !important;

    background: #ffffff !important;
    border-radius: 0 96px 12px 12px !important;

    overflow: hidden !important;
}


/* hilangkan bentuk/pseudo aneh lama */
.jtii-home-service-card::before,
.jtii-home-service-card::after,
.jtii-home-service-body::before,
.jtii-home-service-body::after,
.jtii-home-service-visual::before,
.jtii-home-service-visual::after {
    content: none !important;
    display: none !important;
}


/* NOMOR 01 02 03 04 */
.jtii-home-service-number {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 6 !important;

    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #1296db !important;
    border: 5px solid #ffffff !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}


/* ICON BULAT EMAS */
.jtii-home-service-icon {
    position: absolute !important;
    top: -18px !important;   /* diturunkan supaya tidak nongol di atas */
    left: 18px !important;
    z-index: 5 !important;

    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f9f4e8 !important;
    border: 4px solid #ffffff !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.08) !important;
}


/* JUDUL */
.jtii-home-service-body h3,
.jtii-home-service-card h3 {
    margin: 0 0 18px !important;
    color: #0b213d !important;
    font-size: 23px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
}


/* DESKRIPSI */
.jtii-home-service-body p,
.jtii-home-service-card p {
    margin: 0 !important;
    color: #52637a !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}


/* LINK */
.jtii-home-service-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 28px !important;
    color: #1398e6 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}


/* MOBILE */
@media (max-width: 768px) {
    .jtii-home-service-visual {
        height: 158px !important;
    }

    .jtii-home-service-body {
        margin-top: 128px !important;
        min-height: 270px !important;
        padding: 72px 24px 24px !important;
        border-radius: 0 82px 12px 12px !important;
    }

    .jtii-home-service-body h3,
    .jtii-home-service-card h3 {
        font-size: 21px !important;
    }
}


/* ==========================================================
   PRODUK & LAYANAN - FIX TITLE + PROPORSI
========================================================== */

.jtii-home-service-body h3,
.jtii-home-service-card h3 {
    margin: 0 0 14px !important;
    padding: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
    white-space: normal !important;
    text-overflow: unset !important;

    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;

    color: #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
}


/* deskripsi jangan kepotong */
.jtii-home-service-body p {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;

    font-size: 10.5px !important;
    line-height: 1.5 !important;
}


/* body */
.jtii-home-service-body {
    padding:
        42px 17px
        16px !important;
}


/* nomor */
.jtii-home-service-number {
    left: -8px !important;
    top: -10px !important;
}


/* jangan zoom gambar */
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}



/* ==========================================================
   JTII PRODUK & LAYANAN
   FINAL REFERENCE LOCK
========================================================== */

/* section dibuat lebih compact */
.jtii-home-services > .jtii-container {
    width: min(calc(100% - 48px), 1280px) !important;
    margin: 0 auto !important;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-home-services-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 18px !important;

    align-items: stretch !important;

    padding-top: 15px !important;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-service-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    height: 365px !important;
    min-height: 365px !important;

    overflow: visible !important;

    border: 1px solid #e7e9ea !important;
    border-radius: 8px !important;

    background: #fff !important;

    box-shadow:
        0 8px 24px rgba(11,33,61,.055) !important;

    transform: none !important;
}


/* hover corporate, tidak berlebihan */
.jtii-home-service-card:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        0 13px 30px rgba(11,33,61,.085) !important;
}


/* ==========================================================
   FOTO
========================================================== */

.jtii-home-service-visual {
    position: relative !important;

    height: 137px !important;
    min-height: 137px !important;
    flex: 0 0 137px !important;

    overflow: visible !important;

    background: transparent !important;
}


.jtii-home-service-visual img {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 137px !important;

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

    border-radius:
        8px 8px
        0 0 !important;

    transform: none !important;
    transition: none !important;
}


/* jangan zoom foto */
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


/* hapus overlay/pseudo lama */
.jtii-home-service-visual::before,
.jtii-home-service-visual::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   NOMOR 01 / 02 / 03 / 04
========================================================== */

.jtii-home-service-number {
    position: absolute !important;

    left: -10px !important;
    top: -10px !important;

    z-index: 50 !important;

    width: 56px !important;
    height: 56px !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background:
        #0c96d5 !important;

    color:
        #fff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: 0 !important;

    text-align: center !important;

    font-variant-numeric:
        tabular-nums !important;

    box-shadow:
        0 5px 14px rgba(11,33,61,.15) !important;
}


/* ==========================================================
   ICON LAMA
   kita sembunyikan agar tidak bentrok lagi
========================================================== */

.jtii-home-service-icon {
    display: none !important;
}


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

.jtii-home-service-body {
    position: relative !important;

    z-index: 5 !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    /*
     * body overlap sedikit ke atas,
     * sehingga FOTO tetap terlihat di balik curve.
     */
    margin-top: -19px !important;

    padding:
        47px 16px
        15px !important;

    box-sizing: border-box !important;

    background:
        #fff !important;

    /*
     * curve seperti screenshot referensi
     */
    border-radius:
        0
        72px 40px
        7px
        7px !important;

    overflow: visible !important;
}


/* ==========================================================
   ICON GOLD
   dibuat langsung dari body agar layering stabil
========================================================== */

.jtii-home-service-body::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 12px !important;
    top: -27px !important;

    z-index: 30 !important;

    width: 54px !important;
    height: 54px !important;

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background-color:
        #fff8e8 !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        23px !important;

    box-shadow:
        0 5px 14px rgba(11,33,61,.09) !important;
}


/* hapus pseudo lain */
.jtii-home-service-body::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   ICON 01 — PEMBELIAN PIUTANG
========================================================== */

.jtii-home-service-card:nth-child(1)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3C7.6 3 4 4.3 4 6s3.6 3 8 3 8-1.3 8-3-3.6-3-8-3Zm-8 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3V9c-1.8 1.3-4.8 2-8 2S5.8 10.3 4 9Zm0 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3v-3c-1.8 1.3-4.8 2-8 2s-6.2-.7-8-2Z'/%3E%3C/svg%3E") !important;
}


/* ==========================================================
   ICON 02 — PERDAGANGAN PROPERTI
========================================================== */

.jtii-home-service-card:nth-child(2)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E") !important;
}


/* ==========================================================
   ICON 03 — PENAGIHAN
========================================================== */

.jtii-home-service-card:nth-child(3)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M6 2h9l5 5v15H6V2Zm8 2v4h4l-4-4ZM9 12h8v-2H9v2Zm0 4h8v-2H9v2Zm0 4h6v-2H9v2Z'/%3E%3C/svg%3E") !important;
}


/* ==========================================================
   ICON 04 — KONSULTASI / SEWA
========================================================== */

.jtii-home-service-card:nth-child(4)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 21V5h6v4h4V2h6v19h-7v-6h-2v6H4Zm2-13v2h2V8H6Zm0 4v2h2v-2H6Zm10-7v2h2V5h-2Zm0 4v2h2V9h-2Z'/%3E%3C/svg%3E") !important;
}


/* ==========================================================
   JUDUL
========================================================== */

.jtii-home-service-body h3,
.jtii-home-service-card h3 {
    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 40px !important;
    max-height: none !important;

    margin:
        0 0
        8px !important;

    padding: 0 !important;

    overflow: visible !important;

    white-space: normal !important;
    text-overflow: unset !important;

    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.16 !important;

    letter-spacing:
        -.15px !important;
}


/* ==========================================================
   DESKRIPSI
========================================================== */

.jtii-home-service-body p {
    display: block !important;

    height: auto !important;
    min-height: 70px !important;
    max-height: none !important;

    margin:
        0 0
        9px !important;

    overflow:
        visible !important;

    color:
        #5c6d7f !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        400 !important;

    line-height:
        1.48 !important;
}


/* ==========================================================
   PELAJARI LEBIH LANJUT
========================================================== */

.jtii-home-service-body > a {
    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    width:
        max-content !important;

    margin-top:
        auto !important;

    padding:
        0 !important;

    color:
        #078fcf !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;
}


/* cegah panah dobel */
.jtii-home-service-body > a::after {
    content:
        none !important;

    display:
        none !important;
}


.jtii-home-service-body > a span {
    display:
        inline-block !important;

    color:
        #078fcf !important;

    font-size:
        15px !important;

    line-height:
        1 !important;
}


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

@media(max-width:1050px) {

    .jtii-home-services-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


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

@media(max-width:600px) {

    .jtii-home-services > .jtii-container {
        width:
            calc(100% - 28px) !important;
    }

    .jtii-home-services-grid {
        grid-template-columns:
            1fr !important;
    }

    .jtii-home-service-card {
        height:
            auto !important;

        min-height:
            355px !important;
    }

    .jtii-home-service-body h3,
    .jtii-home-service-body p {
        min-height:
            0 !important;
    }

}



/* ==========================================================
   JTII PRODUK & LAYANAN
   CLEAN RESET FINAL
========================================================== */


/* GRID */
.jtii-home-services .jtii-home-services-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;

    padding-top: 14px !important;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-services .jtii-home-service-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    height: 350px !important;
    min-height: 350px !important;

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

    border: 0 !important;
    border-radius: 8px !important;

    background: transparent !important;

    overflow: visible !important;

    box-shadow:
        0 8px 24px rgba(11,33,61,.07) !important;

    transform: none !important;
}


.jtii-home-services .jtii-home-service-card:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        0 13px 28px rgba(11,33,61,.09) !important;
}


/* ==========================================================
   FOTO
========================================================== */

.jtii-home-services .jtii-home-service-visual {
    position: relative !important;

    width: 100% !important;

    height: 145px !important;
    min-height: 145px !important;
    flex: 0 0 145px !important;

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

    z-index: 1 !important;

    overflow: visible !important;

    background: transparent !important;

    border-radius:
        8px 8px
        0 0 !important;
}


.jtii-home-services .jtii-home-service-visual img {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 145px !important;

    margin: 0 !important;

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

    border-radius:
        8px 8px
        0 0 !important;

    transform: none !important;
    transition: none !important;
}


.jtii-home-services
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


/* hapus overlay lama */
.jtii-home-services
.jtii-home-service-visual::before,
.jtii-home-services
.jtii-home-service-visual::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   NOMOR 01 / 02 / 03 / 04
========================================================== */

.jtii-home-services .jtii-home-service-number {
    position: absolute !important;

    left: -10px !important;
    top: -10px !important;

    z-index: 50 !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background:
        #0c96d5 !important;

    color:
        #fff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: 0 !important;

    box-shadow:
        0 5px 14px rgba(11,33,61,.14) !important;
}


/* ==========================================================
   ICON HTML LAMA
   dimatikan supaya tidak bentrok
========================================================== */

.jtii-home-services .jtii-home-service-icon {
    display: none !important;
}


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

.jtii-home-services .jtii-home-service-body {
    position: relative !important;

    z-index: 5 !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    /*
     * Foto tetap ada di belakang lengkungan.
     */
    margin:
        -38px 0
        0 !important;

    padding:
        48px 16px
        14px !important;

    width: 100% !important;

    box-sizing: border-box !important;

    background:
        #fff !important;

    /*
     * Curve seperti gambar referensi:
     * pendek dan tidak turun terlalu dalam.
     */
    border-radius:
        0
        68px 44px
        8px
        8px !important;

    overflow: visible !important;
}


/* ==========================================================
   ICON GOLD
========================================================== */

.jtii-home-services
.jtii-home-service-body::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 12px !important;
    top: -27px !important;

    z-index: 30 !important;

    width: 54px !important;
    height: 54px !important;

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background-color:
        #fff8e8 !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        23px !important;

    box-shadow:
        0 5px 14px rgba(11,33,61,.09) !important;
}


/* jangan ada pseudo lain */
.jtii-home-services
.jtii-home-service-body::after {
    content: none !important;
    display: none !important;
}


/* 01 */
.jtii-home-services
.jtii-home-service-card:nth-child(1)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3C7.6 3 4 4.3 4 6s3.6 3 8 3 8-1.3 8-3-3.6-3-8-3Zm-8 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3V9c-1.8 1.3-4.8 2-8 2S5.8 10.3 4 9Zm0 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3v-3c-1.8 1.3-4.8 2-8 2s-6.2-.7-8-2Z'/%3E%3C/svg%3E") !important;
}


/* 02 */
.jtii-home-services
.jtii-home-service-card:nth-child(2)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E") !important;
}


/* 03 */
.jtii-home-services
.jtii-home-service-card:nth-child(3)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M6 2h9l5 5v15H6V2Zm8 2v4h4l-4-4ZM9 12h8v-2H9v2Zm0 4h8v-2H9v2Zm0 4h6v-2H9v2Z'/%3E%3C/svg%3E") !important;
}


/* 04 */
.jtii-home-services
.jtii-home-service-card:nth-child(4)
.jtii-home-service-body::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 21V5h6v4h4V2h6v19h-7v-6h-2v6H4Zm2-13v2h2V8H6Zm0 4v2h2v-2H6Zm10-7v2h2V5h-2Zm0 4v2h2V9h-2Z'/%3E%3C/svg%3E") !important;
}


/* ==========================================================
   JUDUL
========================================================== */

.jtii-home-services
.jtii-home-service-body h3 {
    display: block !important;

    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;

    margin:
        0 0
        7px !important;

    padding: 0 !important;

    overflow: visible !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.16 !important;

    letter-spacing:
        -.15px !important;

    white-space:
        normal !important;

    -webkit-line-clamp:
        unset !important;
}


/* ==========================================================
   DESKRIPSI
========================================================== */

.jtii-home-services
.jtii-home-service-body p {
    display: block !important;

    height: auto !important;
    min-height: 68px !important;
    max-height: none !important;

    margin:
        0 0
        8px !important;

    padding: 0 !important;

    overflow: visible !important;

    color:
        #5b6c7e !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10px !important;

    line-height:
        1.48 !important;
}


/* ==========================================================
   LINK
========================================================== */

.jtii-home-services
.jtii-home-service-body > a {
    display: inline-flex !important;

    align-items: center !important;

    gap: 9px !important;

    width: max-content !important;

    margin-top: auto !important;

    padding: 0 !important;

    color:
        #078fcf !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;
}


.jtii-home-services
.jtii-home-service-body > a::after {
    content: none !important;
    display: none !important;
}


.jtii-home-services
.jtii-home-service-body > a span {
    display:
        inline-block !important;

    color:
        #078fcf !important;

    font-size:
        15px !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1050px) {

    .jtii-home-services
    .jtii-home-services-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media(max-width:600px) {

    .jtii-home-services
    .jtii-home-services-grid {
        grid-template-columns:
            1fr !important;
    }

    .jtii-home-services
    .jtii-home-service-card {
        height:
            auto !important;

        min-height:
            340px !important;
    }

    .jtii-home-services
    .jtii-home-service-body h3,
    .jtii-home-services
    .jtii-home-service-body p {
        min-height:
            0 !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   FOTO / BACKGROUND LEBIH TURUN
========================================================== */

.jtii-home-services
.jtii-home-service-visual {
    height: 168px !important;
    min-height: 168px !important;
    flex-basis: 168px !important;
}


.jtii-home-services
.jtii-home-service-visual img {
    height: 168px !important;

    object-fit: cover !important;
    object-position: center 58% !important;
}


/*
 * Body tetap overlap foto,
 * tetapi gambar sekarang lebih banyak terlihat
 * di belakang lengkungan kanan.
 */
.jtii-home-services
.jtii-home-service-body {
    margin-top: -42px !important;

    padding-top: 51px !important;
}


/* posisi icon gold tetap pas */
.jtii-home-services
.jtii-home-service-body::before {
    top: -27px !important;
}


/* jangan zoom saat hover */
.jtii-home-services
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


/* MOBILE */
@media(max-width:600px) {

    .jtii-home-services
    .jtii-home-service-visual,
    .jtii-home-services
    .jtii-home-service-visual img {
        height: 175px !important;
        min-height: 175px !important;
    }

}



/* ==========================================================
   PRODUK & LAYANAN
   COMPACT REFERENCE — FINAL LOCK
========================================================== */


/* CARD */
.jtii-home-services .jtii-home-service-card {
    height: 325px !important;
    min-height: 325px !important;
}


/* FOTO */
.jtii-home-services .jtii-home-service-visual {
    height: 122px !important;
    min-height: 122px !important;
    flex-basis: 122px !important;
}

.jtii-home-services .jtii-home-service-visual img {
    height: 122px !important;
    object-fit: cover !important;
}


/* BODY */
.jtii-home-services .jtii-home-service-body {
    margin-top: -14px !important;

    padding:
        39px 14px
        13px !important;

    border-radius:
        0 56px 34px
        7px 7px !important;
}


/* ICON GOLD */
.jtii-home-services
.jtii-home-service-body::before {
    width: 48px !important;
    height: 48px !important;

    left: 11px !important;
    top: -24px !important;

    background-size: 20px !important;
}


/* NOMOR 01–04 */
.jtii-home-services
.jtii-home-service-number {
    width: 52px !important;
    height: 52px !important;

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

    left: -8px !important;
    top: -9px !important;

    font-size: 15px !important;
}


/* JUDUL */
.jtii-home-services
.jtii-home-service-body h3 {
    min-height: 36px !important;

    margin-bottom: 7px !important;

    font-size: 15px !important;
    line-height: 1.14 !important;
}


/* DESKRIPSI */
.jtii-home-services
.jtii-home-service-body p {
    min-height: 60px !important;

    margin-bottom: 8px !important;

    font-size: 10px !important;
    line-height: 1.45 !important;
}


/* LINK */
.jtii-home-services
.jtii-home-service-body > a {
    margin-top: auto !important;

    font-size: 9px !important;
}


/* HOVER FOTO TETAP DIAM */
.jtii-home-services
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


/* MOBILE */
@media(max-width:600px) {

    .jtii-home-services
    .jtii-home-service-card {
        height: auto !important;
        min-height: 320px !important;
    }

}



/* ==========================================================
   JTII PRODUK & LAYANAN
   HARD RESET FINAL V1
========================================================== */


/* GRID */
.jtii-home-services .jtii-home-services-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
    padding-top: 12px !important;
}


/* ==========================================================
   CARD
========================================================== */

.jtii-home-services .jtii-home-service-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    height: 305px !important;
    min-height: 305px !important;
    max-height: 305px !important;

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

    border: 1px solid #e7e8e8 !important;
    border-radius: 9px !important;

    background: #fff !important;

    overflow: visible !important;

    box-shadow:
        0 8px 24px rgba(11,33,61,.055) !important;

    transform: none !important;
}


/* hover hanya card */
.jtii-home-services
.jtii-home-service-card:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        0 12px 28px rgba(11,33,61,.08) !important;
}


/* ==========================================================
   IMAGE AREA
========================================================== */

.jtii-home-services
.jtii-home-service-visual {
    position: relative !important;

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

    display: block !important;

    width: 100% !important;

    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;

    flex: 0 0 110px !important;

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

    overflow: visible !important;

    border-radius: 9px 9px 0 0 !important;

    background: transparent !important;

    z-index: 1 !important;
}


/*
 * Gambar dibuat lebih tinggi daripada area flow.
 * Bagian bawah gambar menjadi BACKGROUND
 * di belakang curve putih.
 */
.jtii-home-services
.jtii-home-service-visual img {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 135px !important;

    min-height: 135px !important;
    max-height: 135px !important;

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

    object-fit: cover !important;
    object-position: center 52% !important;

    border-radius:
        9px 9px
        0 0 !important;

    transform: none !important;
    transition: none !important;
}


/* MATIKAN ZOOM */
.jtii-home-services
.jtii-home-service-card:hover
.jtii-home-service-visual img {
    transform: none !important;
}


/* hapus pseudo aneh lama */
.jtii-home-services
.jtii-home-service-visual::before,
.jtii-home-services
.jtii-home-service-visual::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   BADGE 01 02 03 04
========================================================== */

.jtii-home-services
.jtii-home-service-number {
    position: absolute !important;

    left: -9px !important;
    top: -10px !important;

    right: auto !important;
    bottom: auto !important;

    z-index: 50 !important;

    width: 54px !important;
    height: 54px !important;

    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background:
        #0b94d4 !important;

    color:
        #fff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: 0 !important;

    font-variant-numeric:
        tabular-nums !important;

    box-shadow:
        0 5px 14px rgba(11,33,61,.14) !important;

    transform: none !important;
}


/* ==========================================================
   GOLD ICON
   gunakan icon HTML asli
========================================================== */

.jtii-home-services
.jtii-home-service-icon {
    position: absolute !important;

    display: block !important;

    left: 10px !important;
    bottom: -25px !important;

    top: auto !important;
    right: auto !important;

    z-index: 40 !important;

    width: 50px !important;
    height: 50px !important;

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

    box-sizing: border-box !important;

    border:
        4px solid #fff !important;

    border-radius:
        50% !important;

    background-color:
        #fff8e8 !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        21px !important;

    box-shadow:
        0 5px 13px rgba(11,33,61,.09) !important;

    transform: none !important;
}


/* 01 */
.jtii-home-services
.jtii-home-service-icon.is-receivable {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3C7.6 3 4 4.3 4 6s3.6 3 8 3 8-1.3 8-3-3.6-3-8-3Zm-8 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3V9c-1.8 1.3-4.8 2-8 2S5.8 10.3 4 9Zm0 6v3c0 1.7 3.6 3 8 3s8-1.3 8-3v-3c-1.8 1.3-4.8 2-8 2s-6.2-.7-8-2Z'/%3E%3C/svg%3E") !important;
}


/* 02 */
.jtii-home-services
.jtii-home-service-icon.is-property {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E") !important;
}


/* 03 */
.jtii-home-services
.jtii-home-service-icon.is-management {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M6 2h9l5 5v15H6V2Zm8 2v4h4l-4-4ZM9 12h8v-2H9v2Zm0 4h8v-2H9v2Zm0 4h6v-2H9v2Z'/%3E%3C/svg%3E") !important;
}


/* 04 */
.jtii-home-services
.jtii-home-service-icon.is-consulting {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 21V5h6v4h4V2h6v19h-7v-6h-2v6H4Zm2-13v2h2V8H6Zm0 4v2h2v-2H6Zm10-7v2h2V5h-2Zm0 4v2h2V9h-2Z'/%3E%3C/svg%3E") !important;
}


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

.jtii-home-services
.jtii-home-service-body {
    position: relative !important;

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

    z-index: 5 !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    /*
     * Body naik sedikit.
     * Foto 135px masih berada di belakang curve.
     */
    margin:
        -12px 0
        0 !important;

    padding:
        37px 13px
        12px !important;

    box-sizing: border-box !important;

    background:
        #fff !important;

    border:
        0 !important;

    /*
     * curve pendek seperti referensi
     */
    border-radius:
        0
        58px 36px
        8px
        8px !important;

    overflow: visible !important;

    box-shadow: none !important;
}


/* MATIKAN SEMUA PSEUDO BODY LAMA */
.jtii-home-services
.jtii-home-service-body::before,
.jtii-home-services
.jtii-home-service-body::after {
    content: none !important;
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background: none !important;
    box-shadow: none !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-home-services
.jtii-home-service-body h3 {
    position: static !important;

    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 34px !important;
    max-height: none !important;

    margin:
        0 0
        6px !important;

    padding: 0 !important;

    color:
        #0b213d !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        -.1px !important;

    overflow: visible !important;

    white-space: normal !important;

    text-overflow: clip !important;

    -webkit-line-clamp:
        unset !important;

    -webkit-box-orient:
        unset !important;

    transform: none !important;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.jtii-home-services
.jtii-home-service-body p {
    position: static !important;

    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 56px !important;
    max-height: none !important;

    margin:
        0 0
        7px !important;

    padding: 0 !important;

    color:
        #596b7d !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        9.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.45 !important;

    overflow: visible !important;

    transform: none !important;
}


/* ==========================================================
   LINK
========================================================== */

.jtii-home-services
.jtii-home-service-body > a {
    position: static !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 9px !important;

    width: max-content !important;

    height: auto !important;

    margin:
        auto 0
        0 !important;

    padding: 0 !important;

    color:
        #078fcf !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        8.5px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    transform: none !important;
}


/* jangan ada panah CSS tambahan */
.jtii-home-services
.jtii-home-service-body > a::before,
.jtii-home-services
.jtii-home-service-body > a::after {
    content: none !important;
    display: none !important;
}


.jtii-home-services
.jtii-home-service-body > a span {
    display: inline-block !important;

    margin: 0 !important;

    color:
        #078fcf !important;

    font-size:
        14px !important;

    line-height:
        1 !important;
}


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

@media(max-width:1050px) {

    .jtii-home-services
    .jtii-home-services-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


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

@media(max-width:600px) {

    .jtii-home-services
    .jtii-home-services-grid {
        grid-template-columns:
            1fr !important;
    }


    .jtii-home-services
    .jtii-home-service-card {
        height: 305px !important;
        min-height: 305px !important;
        max-height: 305px !important;
    }

}