- Konsultan Pajak Cikarang

<!– Primary SEO –>

<title>Kantor Konsultan Pajak Bekasi | Jasa Pajak Profesional & Akuntansi</title>

<!– Open Graph –>

<!– Favicon –>

<!– Font –>

<!– Icons –>

<!– LOCAL BUSINESS SCHEMA –>

{

“@context”: “https://schema.org”,

“@type”: “AccountingService”,

“name”: “Ashadi & Rekan”,

“image”: “https://konsultanpajakbekasi.com/wp-content/uploads/2023/11/image_01.jpg”,

“@id”: “https://konsultanpajakbekasi.com”,

“url”: “https://konsultanpajakbekasi.com”,

“telephone”: “+62-821-6256-6682”,

“email”: “info@ashadirekan.com”,

“priceRange”: “$$”,

“description”: “Kantor Konsultan Pajak Bekasi terpercaya yang menyediakan jasa konsultasi pajak, akuntansi, manajemen dan training profesional untuk perusahaan maupun perorangan.”,

“address”: {

“@type”: “PostalAddress”,

“streetAddress”: “Komplek DDN Blok A21, Bintara Jaya, Bekasi Barat”,

“addressLocality”: “Bekasi”,

“addressRegion”: “Jawa Barat”,

“postalCode”: “17136”,

“addressCountry”: “ID”

“geo”: {

“@type”: “GeoCoordinates”,

“latitude”: “-6.2383”,

“longitude”: “106.9756”

“areaServed”: {

“@type”: “City”,

“name”: “Bekasi”

“openingHoursSpecification”: [

{

“@type”: “OpeningHoursSpecification”,

“dayOfWeek”: [

“Monday”,

“Tuesday”,

“Wednesday”,

“Thursday”,

“Friday”

“opens”: “08:00”,

“closes”: “17:00”

}

“sameAs”: [

“https://wa.me/6282162566682”

“serviceType”: [

“Konsultan Pajak”,

“Jasa Akuntansi”,

“Tax Planning”,

“Tax Review”,

“Sengketa Pajak”,

“Transfer Pricing Documentation”

]

}

</script>

<style>

/* =====================================================

GLOBAL STYLE

===================================================== */

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:’Poppins’,sans-serif;

background:#f5f7fb;

color:#c22213;

overflow-x:hidden;

}

.container{

width:90%;

max-width:1280px;

margin:auto;

}

section{

padding:100px 0;

}

h1,h2,h3,h4{

line-height:1.3;

}

line-height:1.8;

color:#555;

}

.btn-primary{

display:inline-block;

padding:16px 34px;

background:#f9961e;

color:#f9961e;

text-decoration:none;

border-radius:12px;

font-weight:600;

transition:0.4s ease;

box-shadow:0 10px 30px rgba(13,71,161,0.25);

}

.btn-primary:hover{

transform:translateY(-5px);

}

.section-title{

text-align:center;

margin-bottom:60px;

}

.section-title h2{

font-size:42px;

font-weight:700;

color:#1f1e1d;

margin-bottom:15px;

}

.section-title p{

max-width:700px;

margin:auto;

}

</style>

<style>

margin:0;

padding:0;

box-sizing:border-box;

}

body{

font-family:Arial, sans-serif;

}

.container{

width:90%;

max-width:1200px;

margin:auto;

}

.navbar{

position:fixed;

top:0;

left:0;

width:100%;

z-index:999;

background:rgba(255,255,255,0.92);

backdrop-filter:blur(14px);

box-shadow:0 2px 20px rgba(0,0,0,0.05);

}

.nav-wrapper{

display:flex;

align-items:center;

justify-content:space-between;

padding:15px 0;

}

/* LOGO */

.logo{

display:flex;

align-items:center;

gap:10px;

font-size:20px;

font-weight:300;

color:#1b1b1b;

}

.logo img{

width:50px;

height:auto;

}

/* MENU */

.nav-menu{

display:flex;

gap:35px;

}

.nav-menu a{

text-decoration:none;

color:#111;

font-weight:500;

transition:0.3s;

}

.nav-menu a:hover{

color:#0d47a1;

}

/* TOGGLE BUTTON */

.menu-toggle{

display:none;

font-size:30px;

cursor:pointer;

}

/* MOBILE */

@media(max-width:768px){

.menu-toggle{

display:block;

}

.nav-menu{

position:absolute;

top:80px;

right:0;

background:#fff;

width:100%;

flex-direction:column;

align-items:center;

gap:20px;

padding:20px 0;

display:none;

box-shadow:0 10px 20px rgba(0,0,0,0.05);

}

.nav-menu.active{

display:flex;

}

.hero{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

background:url(‘https://topbisnis.biz.id/gambarbebas/20260522-101048_images%20(7).jpg’) center/cover no-repeat;

}

.hero::before{

content:”;

position:absolute;

width:100%;

height:100%;

background:rgba(0,0,0,0.55);

}

.hero-content{

position:relative;

z-index:2;

max-width:760px;

color:#fff;

}

.hero-content h1{

font-size:68px;

font-weight:800;

margin-bottom:25px;

}

.hero-content p{

color:#f1f1f1;

font-size:19px;

margin-bottom:40px;

}

.about-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.about-images{

position:relative;

min-height:520px;

}

.about-images img{

position:absolute;

border-radius:26px;

object-fit:cover;

box-shadow:0 25px 60px rgba(0,0,0,0.15);

}

.about-img-1{

width:75%;

height:420px;

top:0;

left:0;

}

.about-img-2{

width:55%;

height:300px;

right:0;

bottom:0;

border:8px solid #fff;

}

.about-content h2{

font-size:42px;

margin-bottom:25px;

color:#0f172a;

}

.about-content p{

margin-bottom:20px;

}

.services-grid{

display:grid;

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

gap:30px;

}

.service-card{

background:#fff;

padding:45px 35px;

border-radius:24px;

transition:0.4s;

box-shadow:0 15px 40px rgba(0,0,0,0.06);

}

.service-card:hover{

transform:translateY(-12px);

}

.service-icon{

width:80px;

height:80px;

background:#f9961e;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

border-radius:20px;

font-size:30px;

margin-bottom:25px;

}

.service-card h3{

font-size:22px;

margin-bottom:18px;

}

.premium-wrapper{

display:flex;

flex-direction:column;

gap:30px;

}

.top-cards,

.bottom-cards{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

}

.premium-card{

width:370px;

background:#fff;

padding:45px;

border-radius:28px;

box-shadow:0 15px 45px rgba(0,0,0,0.08);

transition:0.4s;

position:relative;

overflow:hidden;

}

.premium-card::before{

content:”;

position:absolute;

top:0;

left:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#f9961e,#c22213);

}

.premium-card:hover{

transform:translateY(-10px);

}

.premium-card h3{

font-size:24px;

margin-bottom:20px;

}

.client-carousel{

overflow:hidden;

position:relative;

}

.client-track{

display:flex;

gap:30px;

width:max-content;

animation:scroll 25s linear infinite;

}

.client-box{

width:220px;

height:120px;

background:#fff;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

box-shadow:0 10px 30px rgba(0,0,0,0.06);

}

.client-box img{

max-width:130px;

opacity:0.7;

transition:0.3s;

}

.client-box img:hover{

opacity:1;

}

@keyframes scroll{

from{

transform:translateX(0);

}

to{

transform:translateX(-50%);

}

/* =====================================================

RESPONSIVE

===================================================== */

@media(max-width:991px){

.hero-content h1{

font-size:52px;

}

.about-grid,

.services-grid,

.cta-grid,

.footer-grid{

grid-template-columns:1fr;

}

.nav-menu{

display:none;

}

.about-images{

min-height:420px;

}

.about-img-1{

width:80%;

}

.about-img-2{

width:55%;

}

.service-card,

.premium-card{

width:100%;

}

.cta-section{

padding:40px;

}

@media(max-width:768px){

.hero-content h1{

font-size:42px;

}

.section-title h2,

.about-content h2,

.cta-content h2{

font-size:34px;

}

</style>

<!– =====================================================

NAVBAR

===================================================== –>

<!– LOGO –>

<span>Ashadi & Rekan</span>

</div>

<!– TOGGLE BUTTON –>

☰

</div>

<!– MENU –>

<a href=”https://konsultanpajakbekasi.com/“>Beranda</a>

<a href=”https://konsultanpajakbekasi.com/about-us/“>Tentang Kami</a>

<a href=”https://konsultanpajakbekasi.com/services/“>Layanan Kami</a>

<a href=”https://konsultanpajakbekasi.com/consultant/“>Konsultan Kami</a>

<a href=”https://konsultanpajakbekasi.com/contact/“>Hubungi Kami</a>

</nav>

</div>

</header>

const menuToggle = document.getElementById(‘menu-toggle’);

const navMenu = document.getElementById(‘nav-menu’);

menuToggle.addEventListener(‘click’, () => {

navMenu.classList.toggle(‘active’);

});

</script>

<!– =====================================================

HERO SECTION

===================================================== –>

<h1>Kantor Konsultan Pajak Bekasi</h1>

<p>

Merupakan sebuah badan usaha di Bekasi yang menyediakan pelayanan jasa pajak, akuntansi dan jasa konsultansi pada bidang akuntansi, perpajakan, manajemen dan training terpercaya, independen, akuntabel, dan profesional.

</p>

<a href=”https://wa.me/6282162566682?text=Hallo%20Konsultan%20Pajak%20Saya%20Mau%20Konsultasi” class=”btn-primary”>Konsultasi Sekarang</a>

</div>

</section>

<!– =====================================================

TENTANG KAMI

===================================================== –>

</div>

<h2>Tentang Kami</h2>

<p>

Kantor Konsultan Pajak Bekasi merupakan bagian dari persekutuan perdata Ashadi dan Rekan yang didirikan di tahun 2015 dan telah mendapatkan izin dari Kementerian Keuangan KIP-7999/IP.B/PJ/2022, tanggal 10 Maret 2022. Didalam menjalankan usahanya perusahaan memberikan pelayanan jasa konsultasi pada bidang konsultasi perpajakan, transfer pricing documentation, litigasi pajak dan training.

Saat ini KKP Ashadi & Rekan dipimpin oleh beberapa professional yang sangat berpengalaman selama 20 tahun di bidang perpajakan, transfer pricing documentation, litigasi pajak dan training.

</p>

</div>

</section>

<!– =====================================================

LAYANAN KAMI

===================================================== –>

<h2>Layanan Kami</h2>

<p>

Solusi perpajakan dan akuntansi profesional untuk kebutuhan perusahaan maupun perorangan.

</p>

</div>

</div>

<h3>Jasa Konsultan Pajak</h3>

<p>Konsultasi perpajakan profesional untuk perusahaan dan individu.</p>

</div>

</div>

<h3>Perencanaan Pajak</h3>

<p>Strategi perencanaan pajak yang efektif dan efisien.</p>

</div>

</div>

<h3>Tax Amnesty</h3>

<p>Pendampingan dan konsultasi program pengampunan pajak.</p>

</div>

</div>

<h3>Jasa Sengketa Pajak</h3>

<p>Pendampingan litigasi dan penyelesaian sengketa perpajakan.</p>

</div>

</div>

<h3>Tax Review & Due Dilligence</h3>

<p>Analisis dan rekonsiliasi perpajakan secara komprehensif.</p>

</div>

</div>

<h3>Pemenuhan Kewajiban Pajak</h3>

<p>Pengelolaan kewajiban perpajakan secara tepat waktu.</p>

</div>

</section>

<!– =====================================================

PREMIUM CARD SECTION

===================================================== –>

<h2>Keunggulan Kami</h2>

<p>

Mengutamakan kualitas pelayanan profesional dengan pendekatan strategis dan terpercaya.

</p>

</div>

<!– CARD 1 –>

<h3>Profesional</h3>

<p>Tim berpengalaman dan bersertifikasi dalam bidang perpajakan dan akuntansi.</p>

</div>

<!– CARD 2 –>

<h3>Terpercaya</h3>

<p>Menjaga kerahasiaan data klien dengan sistem kerja profesional.</p>

</div>

<!– CARD 3 –>

<h3>Responsif</h3>

<p>Memberikan solusi cepat dan tepat untuk kebutuhan perpajakan perusahaan.</p>

</div>

<!– CARD 4 –>

<h3>Akuntabel</h3>

<p>Seluruh layanan dikerjakan secara transparan dan sesuai regulasi.</p>

</div>

<!– CARD 5 –>

<h3>Berpengalaman</h3>

<p>Menangani berbagai kebutuhan pajak perusahaan dari berbagai sektor industri.</p>

</div>

</section>

<style>

/* =====================================================

PREMIUM CARD SECTION

===================================================== */

margin:0;

padding:0;

box-sizing:border-box;

}

body{

font-family:Arial, sans-serif;

background:#f5f7fb;

}

.container{

width:90%;

max-width:1200px;

margin:auto;

}

.section-title{

text-align:center;

margin-bottom:60px;

}

.section-title h2{

font-size:42px;

color:#111;

margin-bottom:15px;

}

.section-title p{

color:#666;

max-width:700px;

margin:auto;

line-height:1.7;

}

/* =====================================================

PREMIUM CARD SECTION

===================================================== */

.premium-wrapper{

display:flex;

flex-direction:column;

gap:30px;

}

.top-cards,

.bottom-cards{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

}

/* CARD */

.premium-card{

width:370px;

height:320px;

border-radius:28px;

position:relative;

overflow:hidden;

transition:0.4s;

box-shadow:0 15px 45px rgba(0,0,0,0.08);

}

/* IMAGE */

.premium-card img{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

object-fit:cover;

}

/* OVERLAY */

.card-overlay{

position:absolute;

inset:0;

/* WARNA OVERLAY */

background:rgba(249,150,30,0.68);

/* efek blur premium */

backdrop-filter:blur(1px);

transition:0.4s;

z-index:1;

}

/* TOP BORDER */

.premium-card::before{

content:”;

position:absolute;

top:0;

left:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#fff,#ffe0b2);

z-index:3;

}

/* CONTENT */

.card-content{

position:relative;

z-index:2;

padding:40px 30px;

height:100%;

display:flex;

flex-direction:column;

justify-content:flex-end;

color:#fff;

}

.card-content h3{

font-size:28px;

margin-bottom:15px;

font-weight:700;

}

.card-content p{

line-height:1.8;

color:rgba(255,255,255,0.95);

}

/* HOVER */

.premium-card:hover{

transform:translateY(-10px);

}

/* opacity menyesuaikan saat hover */

.premium-card:hover .card-overlay{

background:rgba(249,150,30,0.45);

}

/* RESPONSIVE */

@media(max-width:768px){

.premium-card{

width:100%;

}

/* TOP LINE */

.premium-card::before{

content:”;

position:absolute;

top:0;

left:0;

width:100%;

height:5px;#c22213

background:linear-gradient(100deg,#f9961e,#c22213);

z-index:3;

}

/* CONTENT */

.card-content{

position:relative;

z-index:2;

color:#fff;

padding:40px 30px;

display:flex;

flex-direction:column;

justify-content:flex-end;

height:100%;

}

.card-content h3{

font-size:28px;

margin-bottom:15px;

}

.card-content p{

line-height:1.8;

color:rgba(255,255,255,0.92);

}

/* HOVER */

.premium-card:hover{

transform:translateY(-10px);

}

.premium-card:hover .card-overlay{

background:rgba(0,0,0,0.70);

}

/* RESPONSIVE */

@media(max-width:768px){

.premium-card{

width:100%;

}

.section-title h2{

font-size:32px;

}

</style>

<!– =====================================================

CLIENT SECTION

===================================================== –>

<h2>Client Kami</h2>

<p>

Dipercaya berbagai perusahaan dan pelaku usaha dalam layanan perpajakan dan akuntansi.

</p>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</section>

<!– =====================================================

CTA + FORM

===================================================== –>

<!– LEFT CONTENT –>

Konsultan Pajak Profesional

</span>

<h2>

Konsultasikan Kebutuhan Pajak Anda

</h2>

<p>

Dapatkan solusi perpajakan dan akuntansi profesional bersama tim konsultan terpercaya dan berpengalaman.

</p>

Konsultasi Sekarang

</a>

</div>

<!– FORM –>

</div>

</div>

</div>

</div>

Kirim Konsultasi

</button>

<!– SUCCESS MESSAGE –>

✅ Konsultasi berhasil dikirim!

</div>

</section>

<style>

/* =====================================================

CTA + FORM

===================================================== */

margin:0;

padding:0;

box-sizing:border-box;

}

body{

font-family:’Poppins’,sans-serif;

background:#f5f7fb;

}

.container{

width:90%;

max-width:1200px;

margin:auto;

}

/* SECTION */

.cta-section{

background:linear-gradient(135deg,#f9961e,#c22213);

color:#fff;

border-radius:40px;

padding:70px;

position:relative;

overflow:hidden;

}

/* GRID */

.cta-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:center;

}

/* LEFT CONTENT */

.mini-title{

display:inline-block;

background:rgba(255,255,255,0.18);

padding:10px 18px;

border-radius:999px;

margin-bottom:25px;

font-size:14px;

backdrop-filter:blur(10px);

}

.cta-content h2{

font-size:48px;

line-height:1.2;

margin-bottom:25px;

}

.cta-content p{

color:#f3f3f3;

line-height:1.8;

margin-bottom:35px;

}

/* BUTTON */

.btn-primary{

display:inline-block;

padding:16px 30px;

background:#fff;

color:#c22213;

text-decoration:none;

border-radius:14px;

font-weight:600;

transition:0.3s;

}

.btn-primary:hover{

transform:translateY(-4px);

box-shadow:0 10px 25px rgba(0,0,0,0.15);

}

/* FORM */

.contact-form{

background:#fff;

padding:40px;

border-radius:28px;

box-shadow:0 15px 40px rgba(0,0,0,0.12);

}

.input-group{

margin-bottom:20px;

}

.contact-form input,

.contact-form textarea{

width:100%;

padding:16px 20px;

border:none;

background:#f5f7fb;

border-radius:14px;

font-size:15px;

transition:0.3s;

outline:none;

}

.contact-form input:focus,

.contact-form textarea:focus{

background:#fff;

border:2px solid #f9961e;

box-shadow:0 0 0 4px rgba(249,150,30,0.15);

}

.contact-form textarea{

height:140px;

resize:none;

}

/* BUTTON */

.contact-form button{

width:100%;

padding:18px;

border:none;

background:linear-gradient(135deg,#f9961e,#c22213);

color:#fff;

border-radius:14px;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:0.3s;

}

.contact-form button:hover{

transform:translateY(-3px);

box-shadow:0 10px 25px rgba(194,34,19,0.25);

}

/* SUCCESS MESSAGE */

.success-message{

display:none;

margin-top:20px;

padding:14px;

background:#e8fff1;

color:#1c7c45;

border-radius:12px;

text-align:center;

font-weight:600;

}

/* RESPONSIVE */

@media(max-width:900px){

.cta-grid{

grid-template-columns:1fr;

}

.cta-content h2{

font-size:38px;

}

@media(max-width:768px){

.cta-section{

padding:40px 25px;

border-radius:25px;

}

.cta-content h2{

font-size:32px;

}

</style>

/* =====================================================

FORM SUBMIT

===================================================== */

const form = document.getElementById(‘contactForm’);

const successMessage = document.getElementById(‘successMessage’);

form.addEventListener(‘submit’, function(e){

e.preventDefault();

// Ambil data form

const nama = document.getElementById(‘nama’).value;

const email = document.getElementById(‘email’).value;

const whatsapp = document.getElementById(‘whatsapp’).value;

const pesan = document.getElementById(‘pesan’).value;

// Validasi sederhana

if(nama === ” || email === ” || whatsapp === ” || pesan === ”){

alert(‘Harap lengkapi semua form.’);

return;

}

// Simulasi submit berhasil

successMessage.style.display = ‘block’;

// Reset form

form.reset();

// Hilangkan notif setelah 4 detik

setTimeout(() => {

successMessage.style.display = ‘none’;

}, 4000);

});

</script>

<!– =====================================================

PREMIUM FOOTER

===================================================== –>

<!– BACKGROUND OVERLAY –>

<!– GRID 1 –>

<!– LOGO –>

<div>

<h2>Ashadi & Rekan</h2>

<span>Konsultan Pajak & Akuntansi Profesional</span>

</div>

<!– SUBTITLE –>

Memberikan layanan perpajakan, akuntansi, dan konsultasi bisnis

secara profesional, strategis, terpercaya, dan berorientasi pada

solusi terbaik untuk perusahaan maupun individu.

</p>

<!– CONTACT –>

📞 +62 821 6256 6682

</a>

☎ +6221 22085079

</a>

✉ info@ashadirekan.com

</a>

</div>

<!– GRID 2 –>

<h3>Workshop</h3>

<p>

Komplek DDN Blok A21, Bintara Jaya,

Bekasi Barat, Kota Bekasi 17136

</p>

<!– MAP –>

</iframe></div>

</div>

<!– GRID 3 –>

<h3>Kantor Pusat</h3>

<p>

Rasuna Epicentrum Superblock Epiwalk Office Suite 5th Floor –

Suite B511, Jl. HR Rasuna Said,

Jakarta Selatan 12940

</p>

<!– MAP –>

</iframe></div>

</div>

<!– COPYRIGHT –>

</div>

</footer>

<style>

/* =====================================================

PREMIUM FOOTER

===================================================== */

.premium-footer{

position:relative;

overflow:hidden;

padding:90px 0 30px;

/* BACKGROUND IMAGE */

background:url(‘https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=1600&auto=format&fit=crop’);

background-size:cover;

background-position:center;

}

/* =====================================================

REALISTIC SUNSET OVERLAY

Warna senja lebih natural & premium

===================================================== */

.footer-overlay{

position:absolute;

inset:0;

background:linear-gradient(

180deg,

/* langit atas */

rgba(22,27,48,0.92) 0%,

/* ungu senja */

rgba(58,43,74,0.88) 25%,

/* merah sunset */

rgba(124,63,88,0.84) 50%,

/* orange sunset */

rgba(214,109,82,0.78) 75%,

/* golden sunset */

rgba(255,170,110,0.70) 100%

);

backdrop-filter:blur(4px);

z-index:1;

}

/* =====================================================

CARD NUANCE

===================================================== */

.footer-location{

background:rgba(255,255,255,0.08);

border:1px solid rgba(255,255,255,0.10);

backdrop-filter:blur(16px);

box-shadow:0 10px 30px rgba(0,0,0,0.12);

}

.footer-location:hover{

background:rgba(255,255,255,0.12);

box-shadow:0 20px 40px rgba(0,0,0,0.18);

}

/* =====================================================

TEXT NUANCE

===================================================== */

.footer-logo span{

color:rgba(255,235,220,0.82);

}

.footer-description,

.footer-location p,

.footer-contact a,

.footer-bottom{

color:rgba(255,245,240,0.88);

}

/* =====================================================

FLOATING WHATSAPP

REALISTIC SUNSET

===================================================== */

.floating-whatsapp{

background:linear-gradient(

145deg,

#ffb36b,

#e07a5f,

#9d4e6c,

#4b3f72

);

box-shadow:

0 15px 35px rgba(75,63,114,0.35),

0 5px 15px rgba(0,0,0,0.15);

}

.floating-whatsapp:hover{

box-shadow:

0 20px 45px rgba(75,63,114,0.45),

0 10px 25px rgba(0,0,0,0.22);

}

/* =====================================================

CONTAINER

===================================================== */

.premium-footer .container{

position:relative;

z-index:2;

}

/* =====================================================

GRID

===================================================== */

.footer-grid{

display:grid;

grid-template-columns:1.2fr 1fr 1fr;

gap:40px;

align-items:flex-start;

}

/* =====================================================

BRAND

===================================================== */

.footer-brand{

padding-right:20px;

}

/* LOGO */

.footer-logo{

display:flex;

align-items:center;

gap:18px;

margin-bottom:30px;

}

.footer-logo img{

width:70px;

height:70px;

object-fit:contain;

background:#fff;

padding:10px;

border-radius:18px;

}

.footer-logo h2{

color:#fff;

font-size:34px;

margin-bottom:6px;

font-weight:800;

}

.footer-logo span{

color:rgba(255,255,255,0.75);

font-size:14px;

letter-spacing:0.5px;

}

/* DESCRIPTION */

.footer-description{

color:rgba(255,255,255,0.86);

line-height:1.9;

margin-bottom:35px;

font-size:15px;

}

/* CONTACT */

.footer-contact{

display:flex;

flex-direction:column;

gap:16px;

}

.footer-contact a{

color:rgba(255,255,255,0.9);

text-decoration:none;

transition:0.3s;

font-size:15px;

}

.footer-contact a:hover{

color:#fff;

transform:translateX(5px);

}

/* =====================================================

LOCATION

===================================================== */

.footer-location{

background:rgba(255,255,255,0.06);

border:1px solid rgba(255,255,255,0.08);

padding:28px;

border-radius:28px;

backdrop-filter:blur(12px);

transition:0.4s;

}

.footer-location:hover{

transform:translateY(-8px);

background:rgba(255,255,255,0.08);

}

/* TITLE */

.footer-location h3{

color:#fff;

font-size:24px;

margin-bottom:18px;

}

/* TEXT */

.footer-location p{

color:rgba(255,255,255,0.82);

line-height:1.8;

margin-bottom:22px;

font-size:14px;

}

/* MAP */

.footer-location iframe{

width:100%;

height:220px;

border:none;

border-radius:20px;

box-shadow:0 12px 30px rgba(0,0,0,0.2);

}

/* =====================================================

BOTTOM

===================================================== */

.footer-bottom{

margin-top:70px;

border-top:1px solid rgba(255,255,255,0.1);

padding-top:30px;

text-align:center;

color:rgba(255,255,255,0.75);

font-size:14px;

}

/* =====================================================

RESPONSIVE

===================================================== */

@media(max-width:1100px){

.footer-grid{

grid-template-columns:1fr;

}

@media(max-width:768px){

.premium-footer{

padding:70px 0 30px;

}

.footer-logo{

align-items:flex-start;

}

.footer-logo h2{

font-size:28px;

}

.footer-location iframe{

height:250px;

}

</style>

<!– =====================================================

FLOATING WHATSAPP PREMIUM MINIMAL

===================================================== –>

<!– ICON –>

</svg>

</div>

<small>Butuh Bantuan?</small>

<strong>Chat WhatsApp</strong>

</div>

</a>

<style>

/* =====================================================

FLOATING WHATSAPP

PREMIUM MINIMAL

===================================================== */

.wa-floating{

position:fixed;

right:25px;

bottom:25px;

z-index:9999;

display:flex;

align-items:center;

gap:15px;

padding:14px 18px;

border-radius:24px;

text-decoration:none;

/* elegant dark glass */

background:rgba(0,0,8,0.8);

border:1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(14px);

box-shadow:

0 10px 30px rgba(0,0,0,0.18);

transition:0.4s ease;

}

/* HOVER */

.wa-floating:hover{

transform:translateY(-6px);

background:rgba(28,28,38,0.95);

box-shadow:

0 18px 40px rgba(0,0,0,0.0);

}

/* ICON BOX */

.wa-icon{

width:52px;

height:52px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(

145deg,

#f7401b,

#f5e107

);

}

/* SVG */

.wa-icon svg{

width:28px;

height:28px;

fill:#fff;

}

/* TEXT */

.wa-text{

display:flex;

flex-direction:column;

}

.wa-text small{

color:rgba(255,255,255,0.65);

font-size:12px;

margin-bottom:2px;

}

.wa-text strong{

color:#fff;

font-size:15px;

font-weight:600;

}

/* MOBILE */

@media(max-width:768px){

.wa-floating{

right:18px;

bottom:18px;

padding:12px;

border-radius:22px;

}

.wa-text{

display:none;

}

</style>

Kantor Pusat

Jam Kerja

Kontak

Copyright © 2025 Ashadi & Rekan All Rights Reserved.