{"id":1496,"date":"2026-07-01T13:03:24","date_gmt":"2026-07-01T13:03:24","guid":{"rendered":"https:\/\/quansel.com\/staging\/?page_id=1496"},"modified":"2026-07-02T08:34:42","modified_gmt":"2026-07-02T08:34:42","slug":"services","status":"publish","type":"page","link":"https:\/\/quansel.com\/staging\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1496\" class=\"elementor elementor-1496\">\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-e61a61d elementor-widget elementor-widget-html\" data-id=\"e61a61d\" 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            Legal Solutionss.<br>\r\n            <span class=\"q-text-blue\"> Supporting Every Step.<\/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\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 Services ]<\/p>\r\n                <h2 class=\"qsvc-title\">Our Business Legal Services<\/h2>\r\n            <\/div>\r\n            <p class=\"qsvc-header-note\">\r\n                From company incorporation to cross-border transactions, we handle every legal aspect of your business with precision.\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\">Transaction Support & Legal Advisory<\/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=\"Transaction Support\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">01 \u2014 Transaction Support & Legal Advisory<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Supporting Every<br>Transaction.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Quansel is your trusted partner for business transactions of every scale, including the most complex. Our experienced team provides end-to-end support, from negotiations and transaction documents to completion, ensuring every deal proceeds smoothly and complies with applicable laws.\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\">Company Incorporation & Licensing<\/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=\"Company Incorporation\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">02 \u2014 Company Incorporation & Licensing<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Building Your Business<br>from Day One.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Quansel manages the entire incorporation, registration, and licensing process, allowing you to focus on strategic priorities while we take care of the legal and administrative requirements.\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\">Corporate Secretarial Services<\/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=\"Corporate Secretarial Services\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">03 \u2014 Corporate Secretarial Services<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Keeping Your Business<br>Well Organised.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                We handle your corporate administration from A to Z, enabling you to concentrate on business growth, strategic planning, and other commercial priorities.\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\">Due Diligence & Compliance<\/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=\"Due Diligence\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">04 \u2014 Due Diligence & Compliance<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Reducing Risk.<br>Maintaining Compliance.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Our professionals conduct legal due diligence and compliance reviews efficiently and thoroughly, delivering practical insights tailored to your business needs.\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\">Translation Services<\/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=\"Translation Services\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">05 \u2014 Translation Services<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Accuracy in<br>Every Language.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Quansel provides professional translation services for both legal and non-legal documents. Our specialists deliver accurate and timely translations between English and Indonesian.\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\">Other Legal Services<\/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=\"Other Legal Services\">\r\n                        <div class=\"qsvc-drawer-overlay\">\r\n                            <span class=\"qsvc-drawer-label\">06 \u2014 Other Legal Services<\/span>\r\n                            <h3 class=\"qsvc-drawer-heading\">Solutions for<br>Unique Challenges.<\/h3>\r\n                            <p class=\"qsvc-drawer-desc\">\r\n                                Facing a unique legal challenge? Quansel is ready to help with tailored legal solutions designed specifically for your business.\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\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 Transaction Support & Legal Advisory<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Supporting Every<br>Transaction.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Quansel is your trusted partner for business transactions of every scale, including the most complex. Our experienced team provides end-to-end support, from negotiations and transaction documents to completion, ensuring every deal proceeds smoothly and complies with applicable laws.\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 Company Incorporation & Licensing<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Building Your Business<br>from Day One.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Quansel manages the entire incorporation, registration, and licensing process, allowing you to focus on strategic priorities while we take care of the legal and administrative requirements.\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 Corporate Secretarial Services<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Keeping Your Business<br>Well Organised.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            We handle your corporate administration from A to Z, enabling you to concentrate on business growth, strategic planning, and other commercial priorities.\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 Due Diligence & Compliance<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Reducing Risk.<br>Maintaining Compliance.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Our professionals conduct legal due diligence and compliance reviews efficiently and thoroughly, delivering practical insights tailored to your business needs.\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 Translation Services<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Accuracy in<br>Every Language.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Quansel provides professional translation services for both legal and non-legal documents. Our specialists deliver accurate and timely translations between English and Indonesian.\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 Other Legal Services<\/span>\r\n                        <h3 class=\"qsvc-card-heading\">Solutions for<br>Unique Challenges.<\/h3>\r\n                        <p class=\"qsvc-card-desc\">\r\n                            Facing a unique legal challenge? Quansel is ready to help with tailored legal solutions designed specifically for your business.\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                \r\n                <span class=\"q-line\">Ready for your next<\/span>\r\n<span class=\"q-line\">strategic move?<\/span>\r\n<\/h2>\r\n\r\n<div class=\"q-cta-footer\">\r\n    <p class=\"q-cta-sub\">Practical legal advice tailored to your business needs.<\/p>\r\n                \r\n                <!-- Tombol Hover-Magnetic -->\r\n                <a href=\"\/staging\/en\/contact\/\" class=\"q-magnetic-btn\" style=\"text-decoration: none;\">\r\n                    <span class=\"q-btn-text\">GET IN TOUCH<\/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>Legal Solutionss. Supporting Every Step. [ 03 \u2014 Services ] Our Business Legal Services From company incorporation to cross-border transactions, we handle every legal aspect of your business with precision. 01 Transaction Support &#038; Legal Advisory Corporate \u00b7 M&#038;A 01 \u2014 Transaction Support &#038; Legal Advisory Supporting EveryTransaction. Quansel is your trusted partner for business [&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":"Professional Legal Services & Solutions | Quansel","description":"Quansel provides comprehensive legal services for individuals and corporations. Expert legal solutions tailored to meet your professional needs."},"footnotes":""},"class_list":["post-1496","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/1496","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=1496"}],"version-history":[{"count":16,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/1496\/revisions"}],"predecessor-version":[{"id":1795,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/1496\/revisions\/1795"}],"wp:attachment":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/media?parent=1496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}