{"id":828,"date":"2025-02-10T15:53:54","date_gmt":"2025-02-10T15:53:54","guid":{"rendered":"https:\/\/quansel.com\/staging\/?page_id=828"},"modified":"2026-07-02T08:35:19","modified_gmt":"2026-07-02T08:35:19","slug":"layanan","status":"publish","type":"page","link":"https:\/\/quansel.com\/staging\/layanan\/","title":{"rendered":"Layanan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"828\" class=\"elementor elementor-828\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5cb84ef elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5cb84ef\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-319600e6\" data-id=\"319600e6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c002f3 elementor-widget elementor-widget-html\" data-id=\"6c002f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- IMPORT FONT & VARIABEL GLOBAL (Cukup di widget paling atas ini) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Work+Sans:wght@400;500&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n    --q-blue: #0573e3;\r\n    --q-green: #6cffba;\r\n    --q-dark: #54565a;\r\n    --q-black: #0c1017;\r\n    --q-bg: #ffffff;\r\n    --q-border: rgba(12, 16, 23, 0.1);\r\n}\r\n\r\n.q-hero-intro * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.q-hero-intro {\r\n    padding: 15vh 5vw 8vh 5vw;\r\n    background-color: var(--q-bg);\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n.q-mono-tag-hero {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 13px;\r\n    letter-spacing: 2px;\r\n    color: var(--q-blue);\r\n    display: block;\r\n    margin-bottom: 30px;\r\n    font-weight: 600;\r\n}\r\n.q-hero-headline {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: clamp(3rem, 6vw, 6rem);\r\n    font-weight: 700;\r\n    line-height: 1.05;\r\n    letter-spacing: -0.03em;\r\n    color: var(--q-black);\r\n}\r\n.q-text-blue { color: var(--q-blue); }\r\n.q-hero-line {\r\n    width: 100%;\r\n    height: 1px;\r\n    background-color: var(--q-border);\r\n    margin-top: 8vh;\r\n}\r\n<\/style>\r\n\r\n<section class=\"q-hero-intro\">\r\n    <div class=\"q-hero-content\">\r\n        <h1 class=\"q-hero-headline\">\r\n            Solusi Hukum.<br>\r\n            <span class=\"q-text-blue\"> Menemani Setiap Langkah.<\/span>\r\n        <\/h1>\r\n    <\/div>\r\n    <div class=\"q-hero-line\"><\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ce6a82 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2ce6a82\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b806079\" data-id=\"b806079\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e28e57 elementor-widget elementor-widget-html\" data-id=\"3e28e57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Work+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.qsvc * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.qsvc {\r\n    --q-blue: #0573e3;\r\n    --q-green: #6cffba;\r\n    --q-dark: #54565a;\r\n    --q-black: #0c1017;\r\n    --q-bg: #ffffff;\r\n    --q-border: rgba(12, 16, 23, 0.12);\r\n\r\n    background-color: var(--q-bg);\r\n    padding: 32px 24px 80px;\r\n    width: 100%;\r\n}\r\n\r\n.qsvc-inner { max-width: 1400px; margin: 0 auto; }\r\n\r\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\r\n.qsvc-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-bottom: 24px;\r\n    border-bottom: 1px solid var(--q-border);\r\n    margin-bottom: 0;\r\n    gap: 32px;\r\n}\r\n.qsvc-header-left {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n}\r\n.qsvc-eyebrow {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--q-blue);\r\n}\r\n.qsvc-title {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: clamp(1.25rem, 2vw, 1.625rem);\r\n    font-weight: 600;\r\n    color: var(--q-black);\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n}\r\n.qsvc-header-note {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 0.875rem;\r\n    color: var(--q-dark);\r\n    font-weight: 400;\r\n    line-height: 1.55;\r\n    max-width: 320px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 DESKTOP: SPLIT LAYOUT \u2500\u2500\u2500 *\/\r\n.qsvc-body {\r\n    display: flex;\r\n    align-items: stretch;\r\n    min-height: 600px;\r\n    margin-top: 24px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LEFT LIST \u2500\u2500\u2500 *\/\r\n.qsvc-list {\r\n    width: 45%;\r\n    flex-shrink: 0;\r\n    border-right: 1px solid var(--q-border);\r\n}\r\n\r\n.qsvc-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    padding: 28px 32px 28px 24px;\r\n    border-bottom: 1px solid var(--q-border);\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: background-color 0.3s ease;\r\n}\r\n.qsvc-item:first-child { border-top: 1px solid var(--q-border); }\r\n\r\n.qsvc-item::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0; top: 0; bottom: 0;\r\n    width: 0;\r\n    background-color: var(--q-blue);\r\n    transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.qsvc-item.active::after,\r\n.qsvc-item:hover::after { width: 3px; }\r\n\r\n.qsvc-item-num {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: rgba(12,16,23,0.2);\r\n    letter-spacing: 1px;\r\n    padding-top: 2px;\r\n    flex-shrink: 0;\r\n    width: 28px;\r\n    transition: color 0.3s ease;\r\n}\r\n.qsvc-item-text { flex: 1; }\r\n.qsvc-item-name {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 1.125rem;\r\n    font-weight: 600;\r\n    color: var(--q-black);\r\n    letter-spacing: -0.01em;\r\n    line-height: 1.3;\r\n    margin-bottom: 6px;\r\n    transition: color 0.3s ease;\r\n}\r\n.qsvc-item-tag {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 1.5px;\r\n    color: var(--q-dark);\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n    transform: translateX(-6px);\r\n    transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;\r\n}\r\n.qsvc-item-arrow {\r\n    align-self: center;\r\n    flex-shrink: 0;\r\n    width: 32px; height: 32px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--q-border);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.35s ease;\r\n    margin-left: auto;\r\n}\r\n.qsvc-item-arrow svg {\r\n    width: 13px; height: 13px;\r\n    color: var(--q-dark);\r\n    transition: transform 0.3s ease, color 0.3s ease;\r\n}\r\n\r\n\/* Active & Hover *\/\r\n.qsvc-item.active .qsvc-item-num,\r\n.qsvc-item:hover .qsvc-item-num { color: var(--q-blue); }\r\n.qsvc-item.active .qsvc-item-name,\r\n.qsvc-item:hover .qsvc-item-name { color: var(--q-blue); }\r\n.qsvc-item.active .qsvc-item-tag,\r\n.qsvc-item:hover .qsvc-item-tag { opacity: 1; transform: translateX(0); color: var(--q-blue); }\r\n.qsvc-item.active .qsvc-item-arrow,\r\n.qsvc-item:hover .qsvc-item-arrow { background-color: var(--q-blue); border-color: var(--q-blue); }\r\n.qsvc-item.active .qsvc-item-arrow svg,\r\n.qsvc-item:hover .qsvc-item-arrow svg { color: #fff; transform: translateX(2px); }\r\n\r\n\/* \u2500\u2500\u2500 MOBILE ACCORDION DRAWER (hidden on desktop) \u2500\u2500\u2500 *\/\r\n.qsvc-drawer {\r\n    display: none; \/* mobile only *\/\r\n    overflow: hidden;\r\n    max-height: 0;\r\n    transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n.qsvc-drawer.open { max-height: 440px; }\r\n\r\n.qsvc-drawer-inner {\r\n    position: relative;\r\n    height: 360px;\r\n    background: var(--q-black);\r\n    overflow: hidden;\r\n}\r\n.qsvc-drawer-inner img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: grayscale(20%) brightness(0.72);\r\n    display: block;\r\n}\r\n.qsvc-drawer-overlay {\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0;\r\n    padding: 40px 24px 28px;\r\n    background: linear-gradient(0deg, rgba(12,16,23,0.97) 0%, rgba(12,16,23,0.55) 60%, transparent 100%);\r\n}\r\n.qsvc-drawer-label {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px;\r\n    letter-spacing: 2px;\r\n    color: var(--q-green);\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n    display: block;\r\n}\r\n.qsvc-drawer-heading {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n    margin-bottom: 10px;\r\n}\r\n.qsvc-drawer-desc {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 0.875rem;\r\n    line-height: 1.65;\r\n    color: rgba(255,255,255,0.7);\r\n    font-weight: 300;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RIGHT PANEL (desktop) \u2500\u2500\u2500 *\/\r\n.qsvc-panel {\r\n    flex: 1;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-color: var(--q-black);\r\n}\r\n.qsvc-card {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.4, 1);\r\n    pointer-events: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.qsvc-card.active { opacity: 1; pointer-events: auto; }\r\n\r\n.qsvc-card-img { flex: 1; overflow: hidden; position: relative; }\r\n.qsvc-card-img img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    filter: grayscale(20%) brightness(0.75);\r\n    transform: scale(1.04);\r\n    transition: transform 0.8s cubic-bezier(0.25, 1, 0.4, 1);\r\n}\r\n.qsvc-card.active .qsvc-card-img img { transform: scale(1); }\r\n\r\n.qsvc-card-overlay {\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0;\r\n    padding: 48px 40px 40px;\r\n    background: linear-gradient(0deg, rgba(12,16,23,0.97) 0%, rgba(12,16,23,0.6) 60%, transparent 100%);\r\n}\r\n.qsvc-card-label {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 2.5px;\r\n    color: var(--q-green);\r\n    text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n    display: block;\r\n}\r\n.qsvc-card-heading {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n    margin-bottom: 14px;\r\n}\r\n.qsvc-card-desc {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 0.9375rem;\r\n    line-height: 1.7;\r\n    color: rgba(255,255,255,0.7);\r\n    font-weight: 300;\r\n    max-width: 420px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n    .qsvc-header { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n    .qsvc-header-note { max-width: 100%; }\r\n\r\n    \/* Sembunyikan right panel, tampilkan drawer *\/\r\n    .qsvc-body { flex-direction: column; min-height: auto; margin-top: 24px; }\r\n    .qsvc-list { width: 100%; border-right: none; }\r\n    .qsvc-item:first-child { border-top: none; }\r\n    .qsvc-item { padding: 22px 16px 22px 20px; gap: 16px; }\r\n    .qsvc-item::after { bottom: auto; right: 0; left: auto; width: 100%; height: 0; top: 0; transition: height 0.3s ease; }\r\n    .qsvc-item.active::after { width: 100%; height: 3px; }\r\n    \/* panah rotate jadi bawah saat active *\/\r\n    .qsvc-item.active .qsvc-item-arrow svg { transform: rotate(90deg); }\r\n    .qsvc-item:hover .qsvc-item-arrow svg { transform: translateX(2px); }\r\n    .qsvc-item.active:hover .qsvc-item-arrow svg { transform: rotate(90deg); }\r\n\r\n    .qsvc-drawer { display: block; } \/* tampilkan drawer di mobile *\/\r\n    .qsvc-panel { display: none; }   \/* sembunyikan right panel di mobile *\/\r\n\r\n    .qsvc-item-name { font-size: 1.0625rem; }\r\n    .qsvc-item-tag { font-size: 10px; }\r\n    .qsvc-item-num { font-size: 11px; width: 24px; }\r\n    .qsvc-item-arrow { width: 28px; height: 28px; }\r\n    .qsvc-item-arrow svg { width: 12px; height: 12px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .qsvc { padding: 20px 16px 48px; }\r\n    .qsvc-eyebrow { font-size: 11px; letter-spacing: 2px; }\r\n    .qsvc-title { font-size: 1.1rem; }\r\n    .qsvc-item { padding: 18px 12px 18px 16px; gap: 14px; }\r\n    .qsvc-drawer-inner { height: 300px; }\r\n    .qsvc-drawer.open { max-height: 360px; }\r\n    .qsvc-drawer-heading { font-size: 1.1rem; }\r\n    .qsvc-drawer-desc { font-size: 0.8125rem; }\r\n    .qsvc-drawer-overlay { padding: 32px 18px 22px; }\r\n}\r\n<\/style>\r\n<section class=\"qsvc\">\r\n    <div class=\"qsvc-inner\">\r\n\r\n        <div class=\"qsvc-header\">\r\n            <div class=\"qsvc-header-left\">\r\n                <p class=\"qsvc-eyebrow\">[ 03 \u2014 Layanan ]<\/p>\r\n                <h2 class=\"qsvc-title\">Layanan Hukum Bisnis Kami<\/h2>\r\n            <\/div>\r\n            <p class=\"qsvc-header-note\">\r\n                Dari pendirian perusahaan hingga transaksi lintas batas, kami menangani setiap aspek hukum bisnis Anda dengan presisi.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"qsvc-body\">\r\n\r\n            <!-- List -->\r\n            <div class=\"qsvc-list\" id=\"qsvcList\">\r\n\r\n                <div class=\"qsvc-item active\" data-target=\"0\">\r\n                    <span class=\"qsvc-item-num\">01<\/span>\r\n                    <div class=\"qsvc-item-text\">\r\n                        <div class=\"qsvc-item-name\">Pendampingan Transaksi & Pemberian Advis<\/div>\r\n                        <div class=\"qsvc-item-tag\">Corporate \u00b7 M&A<\/div>\r\n                    <\/div>\r\n                    <div class=\"qsvc-item-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-drawer open\" data-drawer=\"0\">\r\n                    <div class=\"qsvc-drawer-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?w=900&q=80\" alt=\"Pendampingan Transaksi\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">01 \u2014 Pendampingan Transaksi & Pemberian Advis<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Pendampingan untuk<br>Setiap Transaksi.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Quansel siap menjadi mitra terpercaya Anda dalam segala transaksi, bahkan yang paling kompleks sekalipun. Tim berpengalaman kami memberikan pendampingan lengkap, mulai dari negosiasi, penyusunan dokumen transaksi, hingga penyelesaian transaksi, untuk memastikan hasil yang lancar dan sesuai hukum.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-item\" data-target=\"1\">\r\n                    <span class=\"qsvc-item-num\">02<\/span>\r\n                    <div class=\"qsvc-item-text\">\r\n                        <div class=\"qsvc-item-name\">Pendirian Perusahaan & Perizinan<\/div>\r\n                        <div class=\"qsvc-item-tag\">Incorporation \u00b7 Licensing<\/div>\r\n                    <\/div>\r\n                    <div class=\"qsvc-item-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-drawer\" data-drawer=\"1\">\r\n                    <div class=\"qsvc-drawer-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=900&q=80\" alt=\"Pendirian Perusahaan\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">02 \u2014 Pendirian Perusahaan & Perizinan<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Membangun Bisnis<br>Sejak Hari Pertama.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Quansel menangani seluruh proses pendirian perusahaan, pendaftaran, dan perizinan bisnis secara tuntas, sehingga Anda dapat fokus pada hal-hal strategis tanpa terbebani oleh urusan teknis dan administratif.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-item\" data-target=\"2\">\r\n                    <span class=\"qsvc-item-num\">03<\/span>\r\n                    <div class=\"qsvc-item-text\">\r\n                        <div class=\"qsvc-item-name\">Administrasi Sekretarial Korporasi<\/div>\r\n                        <div class=\"qsvc-item-tag\">Governance \u00b7 Compliance<\/div>\r\n                    <\/div>\r\n                    <div class=\"qsvc-item-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-drawer\" data-drawer=\"2\">\r\n                    <div class=\"qsvc-drawer-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?w=900&q=80\" alt=\"Administrasi Sekretarial Korporasi\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">03 \u2014 Administrasi Sekretarial Korporasi<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Administrasi yang<br>Tertata.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Kami mengelola seluruh urusan administrasi bisnis Anda, dari A hingga Z, sehingga Anda dapat fokus pada pengembangan strategi bisnis dan aspek komersial lainnya yang lebih penting.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-item\" data-target=\"3\">\r\n                    <span class=\"qsvc-item-num\">04<\/span>\r\n                    <div class=\"qsvc-item-text\">\r\n                        <div class=\"qsvc-item-name\">Uji Tuntas & Kepatuhan<\/div>\r\n                        <div class=\"qsvc-item-tag\">Due Diligence \u00b7 Regulatory<\/div>\r\n                    <\/div>\r\n                    <div class=\"qsvc-item-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-drawer\" data-drawer=\"3\">\r\n                    <div class=\"qsvc-drawer-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?w=900&q=80\" alt=\"Uji Tuntas\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">04 \u2014 Uji Tuntas & Kepatuhan<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Mengurangi Risiko,<br>Menjaga Kepatuhan.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Tim profesional kami siap melaksanakan uji tuntas hukum dan pemeriksaan kepatuhan secara efektif dan efisien, sesuai dengan kebutuhan Anda.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-item\" data-target=\"4\">\r\n                    <span class=\"qsvc-item-num\">05<\/span>\r\n                    <div class=\"qsvc-item-text\">\r\n                        <div class=\"qsvc-item-name\">Penerjemahan<\/div>\r\n                        <div class=\"qsvc-item-tag\">Legal Translation \u00b7 EN\u2013ID<\/div>\r\n                    <\/div>\r\n                    <div class=\"qsvc-item-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-drawer\" data-drawer=\"4\">\r\n                    <div class=\"qsvc-drawer-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead277a?w=900&q=80\" alt=\"Penerjemahan\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">05 \u2014 Penerjemahan<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Akurat dalam<br>Setiap Bahasa.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Quansel menyediakan layanan penerjemahan profesional untuk dokumen hukum dan non-hukum. Tim ahli kami menjamin hasil terjemahan yang akurat dan cepat, baik dari bahasa Inggris ke Indonesia maupun sebaliknya.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-item\" data-target=\"5\">\r\n                    <span class=\"qsvc-item-num\">06<\/span>\r\n                    <div class=\"qsvc-item-text\">\r\n                        <div class=\"qsvc-item-name\">Bantuan Hukum Lainnya<\/div>\r\n                        <div class=\"qsvc-item-tag\">Bespoke \u00b7 Advisory<\/div>\r\n                    <\/div>\r\n                    <div class=\"qsvc-item-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-drawer\" data-drawer=\"5\">\r\n                    <div class=\"qsvc-drawer-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/img.magnific.com\/free-photo\/gavel-scales-justice-law-books_23-2151998158.jpg?semt=ais_hybrid&w=740&q=80?w=900&q=80\" alt=\"Bantuan Hukum Lainnya\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">06 \u2014 Bantuan Hukum Lainnya<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Solusi untuk<br>Setiap Tantangan.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Menghadapi tantangan hukum yang unik? Quansel siap membantu. Hubungi kami untuk solusi hukum yang disesuaikan dengan kebutuhan Anda.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Right Panel -->\r\n            <div class=\"qsvc-panel\" id=\"qsvcPanel\">\r\n\r\n                <div class=\"qsvc-card active\" data-index=\"0\">\r\n                    <div class=\"qsvc-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?w=1200&q=80\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"qsvc-card-overlay\">\r\n                        <span class=\"qsvc-card-label\">01 \u2014 Pendampingan Transaksi & Pemberian Advis<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Pendampingan untuk<br>Setiap Transaksi.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Quansel siap menjadi mitra terpercaya Anda dalam segala transaksi, bahkan yang paling kompleks sekalipun. Tim berpengalaman kami memberikan pendampingan lengkap, mulai dari negosiasi, penyusunan dokumen transaksi, hingga penyelesaian transaksi, untuk memastikan hasil yang lancar dan sesuai hukum.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-card\" data-index=\"1\">\r\n                    <div class=\"qsvc-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=1200&q=80\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"qsvc-card-overlay\">\r\n                        <span class=\"qsvc-card-label\">02 \u2014 Pendirian Perusahaan & Perizinan<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Membangun Bisnis<br>Sejak Hari Pertama.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Quansel menangani seluruh proses pendirian perusahaan, pendaftaran, dan perizinan bisnis secara tuntas, sehingga Anda dapat fokus pada hal-hal strategis tanpa terbebani oleh urusan teknis dan administratif.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-card\" data-index=\"2\">\r\n                    <div class=\"qsvc-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?w=1200&q=80\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"qsvc-card-overlay\">\r\n                        <span class=\"qsvc-card-label\">03 \u2014 Administrasi Sekretarial Korporasi<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Administrasi yang<br>Tertata.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Kami mengelola seluruh urusan administrasi bisnis Anda, dari A hingga Z, sehingga Anda dapat fokus pada pengembangan strategi bisnis dan aspek komersial lainnya yang lebih penting.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-card\" data-index=\"3\">\r\n                    <div class=\"qsvc-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?w=1200&q=80\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"qsvc-card-overlay\">\r\n                        <span class=\"qsvc-card-label\">04 \u2014 Uji Tuntas & Kepatuhan<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Mengurangi Risiko,<br>Menjaga Kepatuhan.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Tim profesional kami siap melaksanakan uji tuntas hukum dan pemeriksaan kepatuhan secara efektif dan efisien, sesuai dengan kebutuhan Anda.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-card\" data-index=\"4\">\r\n                    <div class=\"qsvc-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead277a?w=1200&q=80\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"qsvc-card-overlay\">\r\n                        <span class=\"qsvc-card-label\">05 \u2014 Penerjemahan<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Akurat dalam<br>Setiap Bahasa.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Quansel menyediakan layanan penerjemahan profesional untuk dokumen hukum dan non-hukum. Tim ahli kami menjamin hasil terjemahan yang akurat dan cepat, baik dari bahasa Inggris ke Indonesia maupun sebaliknya.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"qsvc-card\" data-index=\"5\">\r\n                    <div class=\"qsvc-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/img.magnific.com\/free-photo\/gavel-scales-justice-law-books_23-2151998158.jpg?semt=ais_hybrid&w=740&q=80?w=1200&q=80\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"qsvc-card-overlay\">\r\n                        <span class=\"qsvc-card-label\">06 \u2014 Bantuan Hukum Lainnya<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Solusi untuk<br>Setiap Tantangan.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Menghadapi tantangan hukum yang unik? Quansel siap membantu. Hubungi kami untuk solusi hukum yang disesuaikan dengan kebutuhan Anda.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    const items   = document.querySelectorAll('#qsvcList .qsvc-item');\r\n    const cards   = document.querySelectorAll('#qsvcPanel .qsvc-card');\r\n    const drawers = document.querySelectorAll('#qsvcList .qsvc-drawer');\r\n    const MOBILE  = () => window.innerWidth <= 1024;\r\n\r\n    function activateDesktop(idx) {\r\n        items.forEach(i => i.classList.toggle('active', i.dataset.target === String(idx)));\r\n        cards.forEach(c => c.classList.toggle('active', c.dataset.index === String(idx)));\r\n    }\r\n\r\n    function activateMobile(idx) {\r\n        const clickedItem = [...items].find(i => i.dataset.target === String(idx));\r\n        const isAlreadyOpen = clickedItem.classList.contains('active');\r\n\r\n        \/\/ tutup semua\r\n        items.forEach(i => i.classList.remove('active'));\r\n        drawers.forEach(d => d.classList.remove('open'));\r\n\r\n        \/\/ kalau belum open, buka yang diklik\r\n        if (!isAlreadyOpen) {\r\n            clickedItem.classList.add('active');\r\n            const drawer = document.querySelector(`.qsvc-drawer[data-drawer=\"${idx}\"]`);\r\n            if (drawer) drawer.classList.add('open');\r\n        }\r\n    }\r\n\r\n    items.forEach(item => {\r\n        \/\/ desktop: hover\r\n        item.addEventListener('mouseenter', () => {\r\n            if (!MOBILE()) activateDesktop(item.dataset.target);\r\n        });\r\n        \/\/ semua: klik\r\n        item.addEventListener('click', () => {\r\n            if (MOBILE()) {\r\n                activateMobile(item.dataset.target);\r\n            } else {\r\n                activateDesktop(item.dataset.target);\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ default state desktop\r\n    if (!MOBILE()) activateDesktop(0);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-37216aa elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"37216aa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d10cb73\" data-id=\"d10cb73\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f41f5cc elementor-widget elementor-widget-html\" data-id=\"f41f5cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"q-cta-luxury\">\r\n    <!-- Background elemen dekoratif tipis -->\r\n    <div class=\"q-accent-line\"><\/div>\r\n\r\n    <div class=\"q-cta-container\">\r\n        <div class=\"q-cta-text-wrapper\">\r\n            <h2 class=\"q-cta-headline\">\r\n                <span class=\"q-line\">Siap untuk langkah<\/span>\r\n                <span class=\"q-line\">strategis berikutnya?<\/span>\r\n            <\/h2>\r\n            \r\n            <div class=\"q-cta-footer\">\r\n                <p class=\"q-cta-sub\">Konsultasi hukum yang dirancang khusus untuk bisnis Anda.<\/p>\r\n                \r\n                <!-- Tombol Hover-Magnetic -->\r\n                <a href=\"\/staging\/kontak\/\" class=\"q-magnetic-btn\" style=\"text-decoration: none;\">\r\n                    <span class=\"q-btn-text\">MULAI KONSULTASI<\/span>\r\n                    <div class=\"q-btn-circle\"><\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.q-cta-luxury {\r\n    padding: 200px 5vw;\r\n    background-color: #ffffff;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.q-accent-line {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 5vw;\r\n    width: 1px;\r\n    height: 100%;\r\n    background-color: var(--q-border);\r\n}\r\n\r\n.q-cta-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.q-cta-headline {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: clamp(3.5rem, 8vw, 7rem);\r\n    font-weight: 700;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.05em;\r\n    color: var(--q-black);\r\n    margin-bottom: 80px;\r\n    margin-left: 20px;\r\n}\r\n\r\n.q-cta-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    border-top: 1px solid var(--q-black);\r\n    padding-top: 40px;\r\n}\r\n\r\n.q-cta-sub {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 1.5rem;\r\n    color: var(--q-dark);\r\n    max-width: 400px;\r\n    margin-left: 20px;\r\n}\r\n\r\n\/* Tombol Magnetik *\/\r\n.q-magnetic-btn {\r\n    position: relative;\r\n    padding: 25px 50px;\r\n    background: transparent;\r\n    border: 1px solid var(--q-black);\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 14px;\r\n    text-decoration: none;\r\n    color: var(--q-black);\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    transition: 0.5s;\r\n    margin-left: 20px;\r\n}\r\n\r\n.q-magnetic-btn:hover {\r\n    color: white;\r\n    border-color: var(--q-blue);\r\n}\r\n\r\n.q-btn-circle {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    background: var(--q-blue);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    transition: 0.6s cubic-bezier(0.25, 1, 0.4, 1);\r\n    z-index: -1;\r\n}\r\n\r\n.q-magnetic-btn:hover .q-btn-circle {\r\n    width: 300%;\r\n    height: 400%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .q-cta-footer { flex-direction: column; align-items: flex-start; gap: 40px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Solusi Hukum. Menemani Setiap Langkah. [ 03 \u2014 Layanan ] Layanan Hukum Bisnis Kami Dari pendirian perusahaan hingga transaksi lintas batas, kami menangani setiap aspek hukum bisnis Anda dengan presisi. 01 Pendampingan Transaksi &#038; Pemberian Advis Corporate \u00b7 M&#038;A 01 \u2014 Pendampingan Transaksi &#038; Pemberian Advis Pendampingan untukSetiap Transaksi. Quansel siap menjadi mitra terpercaya Anda [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"slim_seo":{"title":"Layanan Hukum Profesional | Quansel","description":"Quansel menawarkan solusi hukum bagi individu maupun perusahaan. Pendampingan profesional untuk setiap kebutuhan legal Anda."},"footnotes":""},"class_list":["post-828","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/comments?post=828"}],"version-history":[{"count":26,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/828\/revisions"}],"predecessor-version":[{"id":1801,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/828\/revisions\/1801"}],"wp:attachment":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/media?parent=828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}