/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2026 | 09:51:10 */
/* =========================================================
   HIWORKS FOOTER — STEP F2 (COMPLETE, SHARED BUTTON STYLE)
   Ganti seluruh CSS footer lama dengan blok ini.
   Pasangkan dengan Hiworks-Start-Project-Buttons.css.
========================================================= */

.hiworks-footer {
    --footer-bg: #151719;
    --footer-bg-deep: #101213;
    --footer-text: #F3EFE7;
    --footer-muted: #A7AAAD;
    --footer-accent: #C3A15C;
    --footer-accent-hover: #D5B66F;
    --footer-line: rgba(243, 239, 231, 0.14);
    --footer-max: 1180px;

    position: relative !important;
    z-index: 50 !important;
    isolation: isolate;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, var(--footer-bg) 0%, var(--footer-bg-deep) 100%) !important;
    color: var(--footer-text);
}

.hiworks-footer,
.hiworks-footer * {
    box-sizing: border-box;
}

.hiworks-footer .elementor-widget {
    margin-block-end: 0 !important;
}

.hiworks-footer a {
    text-decoration: none;
}

/* =========================================================
   1. FOOTER CTA
========================================================= */

.hiworks-footer-cta {
    width: min(calc(100% - 64px), var(--footer-max)) !important;
    max-width: var(--footer-max) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 72px 0 64px !important;
    border-bottom: 1px solid var(--footer-line);

    display: block !important;
}

/* Elementor Boxed memakai .e-con-inner; e-con-full tidak. */
.hiworks-footer-cta.e-con-full,
.hiworks-footer-cta > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 48px !important;
}

.hiworks-footer-cta-copy {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 820px !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 20px !important;
}

.hiworks-footer-cta-action {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.hiworks-footer-eyebrow,
.hiworks-footer-cta-title {
    margin: 0 !important;
    padding: 0 !important;
}

.hiworks-footer-eyebrow .elementor-heading-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 !important;
    color: var(--footer-accent) !important;
}

.hiworks-footer-eyebrow .elementor-heading-title::before {
    content: "";
    display: block;
    flex: 0 0 32px;
    width: 32px;
    height: 1px;
    background: var(--footer-accent);
}

.hiworks-footer-cta-title .elementor-heading-title {
    margin: 0 !important;
    color: var(--footer-text) !important;
}

/* Ukuran dan panah khusus footer.
   Tambahkan hiworks-project-button pada widget tombol untuk warna bersama.
   Warna, border dan hover diatur oleh Hiworks-Start-Project-Buttons.css.
*/
.hiworks-footer-button .elementor-button {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 18px;
    min-width: 250px;
    min-height: 64px;
    padding: 18px 28px !important;
    border-radius: 3px !important;
}

.hiworks-footer-button .elementor-button::after {
    content: "→";
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}

/* =========================================================
   2. FOOTER MAIN
========================================================= */

.hiworks-footer-main {
    width: min(calc(100% - 64px), var(--footer-max)) !important;
    max-width: var(--footer-max) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 64px 0 68px !important;

    display: block !important;
}

.hiworks-footer-main.e-con-full,
.hiworks-footer-main > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 1.45fr) repeat(3, minmax(150px, 0.75fr));
    align-items: start !important;
    gap: 64px !important;
}

.hiworks-footer-main.e-con-full > .e-con,
.hiworks-footer-main > .e-con-inner > .e-con {
    --width: 100% !important;
    --min-height: 0px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
}

.hiworks-footer-brand,
.hiworks-footer-column {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
}

.hiworks-footer-brand {
    gap: 26px !important;
}

.hiworks-footer-column {
    gap: 22px !important;
}

.hiworks-footer-logo {
    width: 210px !important;
    max-width: 210px !important;
    margin: 0 !important;
}

.hiworks-footer-logo img {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    object-position: left center;
}

.hiworks-footer-description,
.hiworks-footer-description p {
    max-width: 370px;
    margin: 0 !important;
    color: var(--footer-muted) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

.hiworks-footer-column-title,
.hiworks-footer-column-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
}

.hiworks-footer-column-title .elementor-heading-title {
    color: var(--footer-accent) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase;
}

.hiworks-footer-links,
.hiworks-footer-contact {
    width: 100% !important;
    margin: 0 !important;
}

.hiworks-footer-links .elementor-icon-list-items,
.hiworks-footer-contact .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hiworks-footer-links .elementor-icon-list-item,
.hiworks-footer-contact .elementor-icon-list-item {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.hiworks-footer-links .elementor-icon-list-item a,
.hiworks-footer-contact .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    gap: 11px;
    color: var(--footer-muted) !important;
    transition: color .25s ease, transform .25s ease;
}

.hiworks-footer-links .elementor-icon-list-text,
.hiworks-footer-contact .elementor-icon-list-text {
    padding: 0 !important;
    color: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

.hiworks-footer-links .elementor-icon-list-icon,
.hiworks-footer-contact .elementor-icon-list-icon {
    width: 16px;
    color: var(--footer-accent) !important;
    font-size: 13px !important;
}

.hiworks-footer-links .elementor-icon-list-item a:hover,
.hiworks-footer-contact .elementor-icon-list-item a:hover {
    color: var(--footer-text) !important;
    transform: translateX(4px);
}

/* =========================================================
   3. FOOTER BOTTOM
========================================================= */

.hiworks-footer-bottom {
    width: min(calc(100% - 64px), var(--footer-max)) !important;
    max-width: var(--footer-max) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 24px 0 28px !important;
    border-top: 1px solid var(--footer-line);

    display: block !important;
}

.hiworks-footer-bottom.e-con-full,
.hiworks-footer-bottom > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 30px !important;
}

.hiworks-footer-copyright,
.hiworks-footer-legal {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hiworks-footer-copyright .elementor-heading-title,
.hiworks-footer-copyright .elementor-widget-container,
.hiworks-footer-copyright p {
    margin: 0 !important;
    color: var(--footer-muted) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}

.hiworks-footer-legal .elementor-icon-list-items {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hiworks-footer-legal .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
}

.hiworks-footer-legal .elementor-icon-list-icon {
    display: none !important;
}

.hiworks-footer-legal .elementor-icon-list-text {
    padding: 0 !important;
    color: var(--footer-muted) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    transition: color .25s ease;
}

.hiworks-footer-legal a:hover .elementor-icon-list-text {
    color: var(--footer-accent-hover) !important;
}

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

@media (min-width: 768px) and (max-width: 1024px) {
    .hiworks-footer-cta,
    .hiworks-footer-main,
    .hiworks-footer-bottom {
        width: calc(100% - 56px) !important;
    }

    .hiworks-footer-cta {
        padding: 60px 0 54px !important;
    }

    .hiworks-footer-cta.e-con-full,
    .hiworks-footer-cta > .e-con-inner {
        gap: 36px !important;
    }

    .hiworks-footer-button .elementor-button {
        min-width: 215px;
    }

    .hiworks-footer-main {
        padding: 56px 0 60px !important;
    }

    .hiworks-footer-main.e-con-full,
    .hiworks-footer-main > .e-con-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 48px 60px !important;
    }

    .hiworks-footer-brand {
        grid-column: 1 / -1;
    }
}

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

@media (max-width: 767px) {
    .hiworks-footer-cta,
    .hiworks-footer-main,
    .hiworks-footer-bottom {
        width: calc(100% - 40px) !important;
    }

    .hiworks-footer-cta {
        padding: 48px 0 42px !important;
    }

    .hiworks-footer-cta.e-con-full,
    .hiworks-footer-cta > .e-con-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 30px !important;
    }

    .hiworks-footer-cta-copy,
    .hiworks-footer-cta-action {
        width: 100% !important;
        max-width: none !important;
    }

    .hiworks-footer-eyebrow .elementor-heading-title {
        gap: 10px;
    }

    .hiworks-footer-eyebrow .elementor-heading-title::before {
        flex-basis: 24px;
        width: 24px;
    }

    .hiworks-footer-button,
    .hiworks-footer-button .elementor-button-wrapper,
    .hiworks-footer-button .elementor-button {
        width: 100% !important;
    }

    .hiworks-footer-button .elementor-button {
        min-width: 0;
        min-height: 58px;
    }

    .hiworks-footer-main {
        padding: 44px 0 48px !important;
    }

    .hiworks-footer-main.e-con-full,
    .hiworks-footer-main > .e-con-inner {
        grid-template-columns: 1fr;
        gap: 38px !important;
    }

    .hiworks-footer-brand {
        grid-column: auto;
        gap: 22px !important;
    }

    .hiworks-footer-logo {
        width: 175px !important;
        max-width: 175px !important;
    }

    .hiworks-footer-description,
    .hiworks-footer-description p {
        max-width: none;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .hiworks-footer-column {
        gap: 18px !important;
    }

    .hiworks-footer-column-title .elementor-heading-title {
        font-size: 12px !important;
        letter-spacing: 2.5px !important;
    }

    .hiworks-footer-links .elementor-icon-list-items,
    .hiworks-footer-contact .elementor-icon-list-items {
        gap: 13px !important;
    }

    .hiworks-footer-links .elementor-icon-list-text,
    .hiworks-footer-contact .elementor-icon-list-text {
        font-size: 15px !important;
    }

    .hiworks-footer-bottom {
        padding: 22px 0 26px !important;
    }

    .hiworks-footer-bottom.e-con-full,
    .hiworks-footer-bottom > .e-con-inner {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }

    .hiworks-footer-legal .elementor-icon-list-items {
        flex-wrap: wrap;
        gap: 10px 22px !important;
    }

    .hiworks-footer-copyright .elementor-heading-title,
    .hiworks-footer-copyright .elementor-widget-container,
    .hiworks-footer-copyright p,
    .hiworks-footer-legal .elementor-icon-list-text {
        font-size: 13px !important;
    }
}

/* Kurangi gerakan bagi pengguna yang memilih reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hiworks-footer-button .elementor-button,
    .hiworks-footer-links .elementor-icon-list-item a,
    .hiworks-footer-contact .elementor-icon-list-item a {
        transition: none !important;
    }
}