<!DOCTYPE html>
<html lang="id-ID">

<head>
    <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>autospin88 | Business & Personal Consulting untuk Keputusan Lebih Terarah</title>
<meta name="description" content="autospin88 provides practical business and personal consulting untuk membantu Anda menyusun strategi, mengelola keputusan, dan menemukan solusi yang lebih terarah secara profesional." />
		<meta name="google-site-verification" content="eyNvvVR920Y64Qeni8bHKzKgX6oWQ4GK9YtGRMsRfSg" />
		<link rel="shortcut icon" href="fav.jpg" type="image/gif">
		<link rel="canonical" href="https://autospin88.com" />
		<link rel="amphtml" href="https://autospin88.com/amp/" />
		<link rel="alternate" hreflang="id-ID" href="https://autospin88.com/">
		<link rel="alternate" hreflang="x-default" href="https://autospin88.com/">
		<link rel="alternate" hreflang="id" href="https://autospin88.com/">
		<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<meta property="og:image:alt" content="autospin88" />
		<meta name="language" content="Indonesian, English">
		<meta name="theme-color" content="#0b0b0b">
		
		<meta property="og:locale:alternate" content="en_US">
<meta property="og:type" content="website">
		<meta property="og:title" content="autospin88">
		<meta property="og:description" content="autospin88 provides practical business and personal consulting untuk membantu Anda menyusun strategi, mengelola keputusan, dan menemukan solusi yang lebih terarah secara profesional.">
		<meta property="og:url" content="https://autospin88.com/">
		<meta property="og:site_name" content="autospin88">
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:title" content="autospin88">
		<meta name="twitter:description" content="autospin88 | Business & Personal Consulting untuk Keputusan Lebih Terarah"
		<meta name="twitter:image" content="https://autospin88.com/benner.webp">
		<meta property="og:image" content="https://autospin88.com/benner.webp" />

    <!-- Favicon -->
    <link href="img/fav.jpg" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> 

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
	<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://autospin88.com/#organization",
      "name": "autospin88",
      "url": "https://autospin88.com/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://autospin88.com/img/logo.gif"
      },
      "description": "Professional business and personal consulting untuk strategi, finance, career, dan pengambilan keputusan yang lebih terarah."
    },
    {
      "@type": "WebSite",
      "@id": "https://autospin88.com/#website",
      "url": "https://autospin88.com/",
      "name": "autospin88",
      "inLanguage": "id-ID",
      "publisher": {
        "@id": "https://autospin88.com/#organization"
      }
    },
    {
      "@type": "WebPage",
      "@id": "https://autospin88.com/#webpage",
      "url": "https://autospin88.com/",
      "name": "autospin88 | Business & Personal Consulting untuk Keputusan Lebih Terarah",
      "description": "autospin88 provides practical business and personal consulting untuk membantu Anda menyusun strategi dan keputusan yang lebih terarah secara profesional.",
      "inLanguage": "id-ID",
      "isPartOf": {
        "@id": "https://autospin88.com/#website"
      },
      "about": {
        "@id": "https://autospin88.com/#organization"
      }
    },
    {
      "@type": "Article",
      "@id": "https://autospin88.com/#consulting-article",
      "headline": "Business Consulting & Professional Personal Guidance",
      "description": "Practical insight untuk business growth, career, finance, dan personal decisions melalui pendekatan yang professional, objective, dan mudah dipahami.",
      "inLanguage": [
        "id-ID",
        "en-US"
      ],
      "mainEntityOfPage": {
        "@id": "https://autospin88.com/#webpage"
      },
      "publisher": {
        "@id": "https://autospin88.com/#organization"
      },
      "about": [
        "Business Consulting",
        "Business Growth",
        "Financial Consulting",
        "Career Consulting",
        "Personal Consulting"
      ]
    }
  ]
}
</script>
</head>

<div>
    <!-- Topbar Start -->
    <!-- Topbar Start -->
<div class="container-fluid bg-secondary ps-5 pe-0 d-none d-lg-block">
    <div class="row gx-0">
        <div class="col-md-6 text-center text-lg-start mb-2 mb-lg-0">
            <div class="d-inline-flex align-items-center">
                <a class="text-body py-2 pe-3 border-end" href=""><small>FAQ</small></a>
                <a class="text-body py-2 px-3 border-end" href=""><small>Support</small></a>
                <a class="text-body py-2 px-3 border-end" href=""><small>Privacy</small></a>
                <a class="text-body py-2 px-3 border-end" href=""><small>Policy</small></a>
                <a class="text-body py-2 ps-3" href=""><small>Career</small></a>
            </div>
        </div>
        <div class="col-md-6 text-center text-lg-end">
            <div class="position-relative d-inline-flex align-items-center bg-primary text-white top-shape px-5">
                <div class="me-3 pe-3 border-end py-2">
                    <p class="m-0"><i class="fa fa-envelope-open me-2"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d5bcbbb3ba95b4a0a1baa6a5bcbbededfbb6bab8">[email&#160;protected]</a></p>
                </div>
                <div class="py-2">
                    <p class="m-0"><i class="fa fa-phone-alt me-2"></i>+6282152151210</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Topbar End -->


<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light shadow-sm px-5 py-3 py-lg-0">
    <a href="index.html" class="navbar-brand p-0">
        <h2 class="m-0 text-uppercase text-primary">
            <i class="fas fa-handshake text-primary me-2"></i>autospin88
        </h2>
    </a>

    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarCollapse">
        <div class="navbar-nav ms-auto py-0 me-n3">
            <a href="index.html" class="nav-item nav-link active">Home</a>
            <a href="about.html" class="nav-item nav-link">About Us</a>

            <div class="nav-item dropdown">
                <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Services</a>
                <div class="dropdown-menu m-0">
                    <a href="service.html" class="dropdown-item">All Services</a>
                    <a href="service-detail.html" class="dropdown-item">Service Details</a>
                </div>
            </div>

            <div class="nav-item dropdown">
                <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Insights</a>
                <div class="dropdown-menu m-0">
                    <a href="blog.html" class="dropdown-item">Latest Articles</a>
                    <a href="blog-detail.html" class="dropdown-item">Article Details</a>
                </div>
            </div>

            <div class="nav-item dropdown">
                <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Information</a>
                <div class="dropdown-menu m-0">
                    <a href="feature.html" class="dropdown-item">Advantages</a>
                    <a href="quote.html" class="dropdown-item">Book Consultation</a>
                    <a href="team.html" class="dropdown-item">Our Team</a>
                    <a href="testimonial.html" class="dropdown-item">Testimonials</a>
                    <a href="404.html" class="dropdown-item">Page Not Found</a>
                </div>
            </div>

            <a href="contact.html" class="nav-item nav-link">Contact Us</a>
        </div>
    </div>
</nav>
<!-- Navbar End -->
    <!-- Navbar End -->


    <!-- Carousel Start -->
    <div class="container-fluid p-0">
    <div id="header-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="w-100" src="img/carousel-1.jpg" alt="Konsultasi dan perencanaan bisnis">
                <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                    <div class="p-3" style="max-width: 900px;">
                        <h5 class="text-white text-uppercase">Business Consulting & Professional Guidance</h5>
                        <h2 class="display-1 text-white mb-md-4">Smart Strategy untuk Bisnis dan Keputusan Hidup yang Lebih Terarah</h2>
                        <a href="" class="btn btn-primary py-md-3 px-md-5 me-3 rounded-pill">Start Consulting</a>
                        <a href="" class="btn btn-secondary py-md-3 px-md-5 rounded-pill">Contact Us</a>
                    </div>
                </div>
            </div>

            <div class="carousel-item">
                <img class="w-100" src="img/carousel-2.jpg" alt="Pendampingan konsultasi profesional">
                <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                    <div class="p-3" style="max-width: 900px;">
                        <h5 class="text-white text-uppercase">Business & Personal Advisory</h5>
                        <h2 class="display-1 text-white mb-md-4">Move Forward with Clear Strategy dan Pendampingan yang Profesional</h2>
                        <a href="" class="btn btn-primary py-md-3 px-md-5 me-3 rounded-pill">Start Consulting</a>
                        <a href="" class="btn btn-secondary py-md-3 px-md-5 rounded-pill">Contact Us</a>
                    </div>
                </div>
            </div>
        </div>

        <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel"
            data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>

        <button class="carousel-control-next" type="button" data-bs-target="#header-carousel"
            data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
</div>
    <!-- Carousel End -->


    <!-- About Start -->
    <!-- About Start -->
<div class="container-fluid bg-secondary p-0">
    <div class="row g-0">
        <div class="col-lg-6 py-6 px-5">
            <h1 class="display-5 mb-4">Welcome to <span class="text-primary">autospin88</span></h1>
            <h4 class="text-primary mb-4">Your trusted consulting partner untuk business growth, financial planning, career direction, dan personal decision-making.</h4>
            <p class="mb-4">autospin88 membantu individuals, business owners, dan companies melihat tantangan dari perspektif yang lebih jernih. Our approach combines practical analysis, clear communication, dan pendampingan profesional agar setiap keputusan terasa lebih terukur dan relevan.</p>
            <a href="" class="btn btn-primary py-md-3 px-md-5 rounded-pill">Start Consultation</a>
        </div>

        <div class="col-lg-6">
            <div class="h-100 d-flex flex-column justify-content-center bg-primary p-5">

                <div class="d-flex text-white mb-5">
                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-white text-primary rounded-circle mx-auto mb-4" style="width: 60px; height: 60px;">
                        <i class="fa fa-user-tie fs-4"></i>
                    </div>
                    <div class="ps-4">
                        <h3>Business Planning</h3>
                        <p class="mb-0">Build a focused business strategy untuk mendorong pertumbuhan, memperkuat positioning, dan merespons perubahan pasar secara lebih efektif.</p>
                    </div>
                </div>

                <div class="d-flex text-white mb-5">
                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-white text-primary rounded-circle mx-auto mb-4" style="width: 60px; height: 60px;">
                        <i class="fa fa-chart-line fs-4"></i>
                    </div>
                    <div class="ps-4">
                        <h3>Financial Analysis</h3>
                        <p class="mb-0">Evaluasi kondisi keuangan dipadukan dengan practical recommendations untuk menjaga stabilitas, efisiensi, dan peluang pertumbuhan.</p>
                    </div>
                </div>

                <div class="d-flex text-white">
                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-white text-primary rounded-circle mx-auto mb-4" style="width: 60px; height: 60px;">
                        <i class="fa fa-balance-scale fs-4"></i>
                    </div>
                    <div class="ps-4">
                        <h3>Professional Consulting</h3>
                        <p class="mb-0">Professional guidance untuk keputusan bisnis maupun persoalan pribadi, dengan komunikasi yang nyaman dan perhatian pada confidentiality.</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- About End -->


<!-- Services Start -->
<div class="container-fluid pt-6 px-5">
    <div class="text-center mx-auto mb-5" style="max-width: 600px;">
        <h2 class="display-5 mb-0">Our Services</h2>
        <hr class="w-25 mx-auto bg-primary">
    </div>

    <div class="row g-5">

        <div class="col-lg-4 col-md-6">
            <div class="service-item bg-secondary text-center px-5">
                <div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
                    <i class="fa fa-user-tie fa-2x"></i>
                </div>
                <a class="h3 mb-3" href="">Business Consulting</a>
                <p class="mb-0">Strategic guidance untuk menyusun arah bisnis, meningkatkan produktivitas, dan membangun sustainable growth.</p>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="service-item bg-secondary text-center px-5">
                <div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
                    <i class="fa fa-chart-pie fa-2x"></i>
                </div>
                <a class="h3 mb-3" href="">Growth Strategy</a>
                <p class="mb-0">Menyusun langkah yang realistis dengan market insight agar bisnis tumbuh lebih adaptif dan kompetitif.</p>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="service-item bg-secondary text-center px-5">
                <div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
                    <i class="fa fa-chart-line fa-2x"></i>
                </div>
                <a class="h3 mb-3" href="">Market Analysis</a>
                <p class="mb-0">Identify market opportunities, trends, dan customer signals untuk mendukung keputusan yang lebih tepat.</p>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="service-item bg-secondary text-center px-5">
                <div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
                    <i class="fa fa-chart-area fa-2x"></i>
                </div>
                <a class="h3 mb-3" href="">Financial Consulting</a>
                <p class="mb-0">Financial planning yang lebih terstruktur untuk membantu individu maupun perusahaan mengelola prioritas dan risiko.</p>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="service-item bg-secondary text-center px-5">
                <div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
                    <i class="fa fa-balance-scale fa-2x"></i>
                </div>
                <a class="h3 mb-3" href="">Personal Consulting</a>
                <p class="mb-0">Confidential personal guidance untuk membantu melihat pilihan, memahami situasi, dan menentukan langkah yang lebih terarah.</p>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="service-item bg-secondary text-center px-5">
                <div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
                    <i class="fa fa-house-damage fa-2x"></i>
                </div>
                <a class="h3 mb-3" href="">Risk Management</a>
                <p class="mb-0">Identify key risks dan susun langkah mitigasi agar keputusan bisnis maupun personal menjadi lebih terkendali.</p>
            </div>
        </div>

    </div>
</div>
<!-- Services End -->
    <!-- Services End -->


    <!-- Features Start -->
    <!-- Features Start -->
<div class="container-fluid py-6 px-5">
    <div class="text-center mx-auto mb-5" style="max-width: 600px;">
        <h2 class="display-5 mb-0">Why Choose Our Consulting?</h2>
        <hr class="w-25 mx-auto bg-primary">
    </div>

    <div class="row g-5">

        <div class="col-lg-4">
            <div class="row g-5">

                <div class="col-12">
                    <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                        <i class="fa fa-cubes fs-4 text-white"></i>
                    </div>
                    <h3>Professional Experience</h3>
                    <p class="mb-0">Kami menggabungkan professional experience dengan pendekatan personal agar rekomendasi tetap relevan terhadap kebutuhan setiap klien.</p>
                </div>

                <div class="col-12">
                    <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                        <i class="fa fa-percent fs-4 text-white"></i>
                    </div>
                    <h3>Client-Focused Approach</h3>
                    <p class="mb-0">Our focus is clarity and usefulness—solusi dijelaskan secara praktis agar mudah dipahami dan dipertimbangkan.</p>
                </div>

                <div class="col-12">
                    <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                        <i class="fa fa-award fs-4 text-white"></i>
                    </div>
                    <h3>Trusted Service</h3>
                    <p class="mb-0">Setiap sesi dijalankan secara professional dengan perhatian pada privacy, kenyamanan, dan komunikasi yang bertanggung jawab.</p>
                </div>

            </div>
        </div>

        <div class="col-lg-4">
            <div class="d-block bg-primary h-100 text-center">
                <img class="img-fluid" src="img/feature.jpg" alt="">
                <div class="p-4">
                    <p class="text-white mb-4">
                        Our team helps you explore business challenges dan personal decisions melalui analisis objektif, komunikasi terbuka, dan rekomendasi yang dapat dipertimbangkan secara realistis.
                    </p>
                    <a href="" class="btn btn-light py-md-3 px-md-5 rounded-pill mb-2">Learn More</a>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="row g-5">

                <div class="col-12">
                    <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                        <i class="far fa-smile-beam fs-4 text-white"></i>
                    </div>
                    <h3>Client Experience</h3>
                    <p class="mb-0">Kami mengutamakan service quality dan pengalaman konsultasi yang jelas, relevan, serta memberi nilai praktis bagi klien.</p>
                </div>

                <div class="col-12">
                    <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                        <i class="fa fa-user-tie fs-4 text-white"></i>
                    </div>
                    <h3>Experienced Consultants</h3>
                    <p class="mb-0">Our consultants provide structured guidance, strategi, dan opsi solusi berdasarkan konteks serta kebutuhan Anda.</p>
                </div>

                <div class="col-12">
                    <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                        <i class="fa fa-headset fs-4 text-white"></i>
                    </div>
                    <h3>Responsive Support</h3>
                    <p class="mb-0">Fast and friendly support untuk membantu proses konsultasi berjalan lebih nyaman dan terorganisir.</p>
                </div>

            </div>
        </div>

    </div>
</div>
<!-- Features End -->


<!-- Quote Start -->
<div class="container-fluid bg-secondary px-0">
    <div class="row g-0">

        <div class="col-lg-6 py-6 px-5">
            <h2 class="display-5 mb-4">Request an Initial Consultation</h2>

            <p class="mb-4">
                Isi form berikut untuk membahas business strategy, growth, finance, career, atau personal concerns. Our team will follow up dan menangani informasi yang Anda berikan secara bertanggung jawab.
            </p>

            <form>
                <div class="row gx-3">

                    <div class="col-6">
                        <div class="form-floating">
                            <input type="text" class="form-control" id="form-floating-1" placeholder="Full Name">
                            <label for="form-floating-1">Full Name</label>
                        </div>
                    </div>

                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="email" class="form-control" id="form-floating-2" placeholder="Email">
                            <label for="form-floating-2">Email Address</label>
                        </div>
                    </div>

                    <div class="col-6">
                        <div class="form-floating">
                            <select class="form-select" id="floatingSelect" aria-label="Choose a Service">
                                <option selected>Business Consulting</option>
                                <option value="1">Business Growth Consulting</option>
                                <option value="2">Financial Consulting</option>
                                <option value="3">Career Consulting</option>
                                <option value="4">Personal Consultation</option>
                            </select>
                            <label for="floatingSelect">Choose a Service</label>
                        </div>
                    </div>

                    <div class="col-6">
                        <button class="btn btn-primary w-100 h-100" type="submit">
                            Send Request
                        </button>
                    </div>

                </div>
            </form>
        </div>

        <div class="col-lg-6" style="min-height: 400px;">
            <div class="position-relative h-100">
                <img class="position-absolute w-100 h-100" src="img/quote.jpg" style="object-fit: cover;">
            </div>
        </div>

    </div>
</div>
<!-- Quote End -->
    <!-- Quote End -->


    <!-- Team Start -->
    <!-- Team Start -->
<div class="container-fluid py-6 px-5">
    <div class="text-center mx-auto mb-5" style="max-width: 600px;">
        <h2 class="display-5 mb-0">Meet Our Consultants</h2>
        <hr class="w-25 mx-auto bg-primary">
    </div>

    <div class="row g-5">

        <div class="col-lg-4">
            <div class="team-item position-relative overflow-hidden">
                <img class="img-fluid w-100" src="img/team-1.jpg" alt="">
                <div class="team-text w-100 position-absolute top-50 text-center bg-primary p-4">
                    <h3 class="text-white">Senior Business Consultant</h3>
                    <p class="text-white text-uppercase mb-0">Business Consultant</p>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="team-item position-relative overflow-hidden">
                <img class="img-fluid w-100" src="img/team-2.jpg" alt="">
                <div class="team-text w-100 position-absolute top-50 text-center bg-primary p-4">
                    <h3 class="text-white">Financial Consultant</h3>
                    <p class="text-white text-uppercase mb-0">Financial Consultant</p>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="team-item position-relative overflow-hidden">
                <img class="img-fluid w-100" src="img/team-3.jpg" alt="">
                <div class="team-text w-100 position-absolute top-50 text-center bg-primary p-4">
                    <h3 class="text-white">Personal Consultant</h3>
                    <p class="text-white text-uppercase mb-0">Personal Consultant</p>
                </div>
            </div>
        </div>

    </div>
</div>
<!-- Team End -->


<!-- Testimonialsal Start -->
<div class="container-fluid bg-secondary p-0">
    <div class="row g-0">

        <div class="col-lg-6" style="min-height: 500px;">
            <div class="position-relative h-100">
                <img class="position-absolute w-100 h-100" src="img/testimonial.jpg" style="object-fit: cover;">
            </div>
        </div>

        <div class="col-lg-6 py-6 px-5">
            <h2 class="display-5 mb-4">What Our Clients Say</h2>

            <div class="owl-carousel testimonial-carousel">

                <div class="testimonial-item">
                    <p class="fs-4 fw-normal mb-4">
                        <i class="fa fa-quote-left text-primary me-3"></i>
                        autospin88 helped me organize a clearer business strategy. Diskusinya komunikatif, practical, dan membantu saya melihat prioritas pengembangan usaha dengan lebih terstruktur.
                    </p>

                    <div class="d-flex align-items-center">
                        <img class="img-fluid rounded-circle" src="img/testimonial-1.jpg" alt="">
                        <div class="ps-4">
                            <h3>Andi Pratama</h3>
                            <span class="text-uppercase">Small Business Owner</span>
                        </div>
                    </div>
                </div>

                <div class="testimonial-item">
                    <p class="fs-4 fw-normal mb-4">
                        <i class="fa fa-quote-left text-primary me-3"></i>
                        The consultation gave me a more structured perspective untuk keputusan karier dan persoalan pribadi. Komunikasinya nyaman, jelas, dan professional.
                    </p>

                    <div class="d-flex align-items-center">
                        <img class="img-fluid rounded-circle" src="img/testimonial-2.jpg" alt="">
                        <div class="ps-4">
                            <h3>Siti Rahma</h3>
                            <span class="text-uppercase">Private-Sector Professional</span>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
<!-- Testimonialsal End -->
    <!-- Testimonialsal End -->


    <!-- Blog Start -->
    <!-- Blog Start -->
<div class="container-fluid py-6 px-5">
    <div class="text-center mx-auto mb-5" style="max-width: 600px;">
        <h2 class="display-5 mb-0">Latest Articles & Insights</h2>
        <hr class="w-25 mx-auto bg-primary">
    </div>

    <div class="row g-5">

        <div class="col-lg-4">
            <div class="blog-item">
                <div class="position-relative overflow-hidden">
                    <img class="img-fluid" src="img/blog-1.jpg" alt="">
                </div>

                <div class="bg-secondary d-flex">
                    <div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
                        <span>01</span>
                        <h5 class="text-uppercase m-0">Jan</h5>
                        <span>2026</span>
                    </div>

                    <div class="d-flex flex-column justify-content-center py-3 px-4">
                        <div class="d-flex mb-2">
                            <small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
                            <small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Business Consulting</small>
                        </div>

                        <a class="h4" href="">5 Practical Strategies agar Bisnis Lebih Kompetitif</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="blog-item">
                <div class="position-relative overflow-hidden">
                    <img class="img-fluid" src="img/blog-2.jpg" alt="">
                </div>

                <div class="bg-secondary d-flex">
                    <div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
                        <span>05</span>
                        <h5 class="text-uppercase m-0">Feb</h5>
                        <span>2026</span>
                    </div>

                    <div class="d-flex flex-column justify-content-center py-3 px-4">
                        <div class="d-flex mb-2">
                            <small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
                            <small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Personal Development</small>
                        </div>

                        <a class="h4" href="">How to Make Better Decisions Saat Menghadapi Tantangan</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="blog-item">
                <div class="position-relative overflow-hidden">
                    <img class="img-fluid" src="img/blog-3.jpg" alt="">
                </div>

                <div class="bg-secondary d-flex">
                    <div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
                        <span>18</span>
                        <h5 class="text-uppercase m-0">Mar</h5>
                        <span>2026</span>
                    </div>

                    <div class="d-flex flex-column justify-content-center py-3 px-4">
                        <div class="d-flex mb-2">
                            <small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
                            <small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Finance</small>
                        </div>

                        <a class="h4" href="">Financial Planning untuk Masa Depan yang Lebih Terarah</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<!-- Blog End -->

<!-- Insights Start -->
<div class="container-fluid py-6 px-5 bg-light">
    <div class="container">

        <div class="text-center mb-5">
            <h2 class="display-5">Business Consulting & Professional Personal Guidance</h2>
            <hr class="w-25 mx-auto bg-primary">
            <p class="lead">
                Practical insight untuk business growth, career, finance, dan personal decisions melalui pendekatan yang professional, objective, dan mudah dipahami.
            </p>
        </div>

        <div class="row">

            <div class="col-lg-8">

                <div class="card border-0 shadow-sm mb-4">
                    <div class="card-body">

                        <h2 class="text-primary">Why Professional Consultation Can Add Value</h2>

                        <p>
                            Every business and personal journey comes with moments that require a clearer perspective. Saat menghadapi pertumbuhan usaha, pengelolaan keuangan, perubahan karier, atau keputusan pribadi, an objective discussion can help you map the situation before choosing the next step.
                        </p>

                        <p>
                            Services kami hadir sebagai mitra konsultasi untuk membantu Anda
                            menemukan solusi terbaik berdasarkan pengalaman, analisis, dan strategi yang terarah.
                            Kami percaya bahwa setiap permasalahan memiliki solusi apabila dianalisis dengan pendekatan
                            yang tepat dan profesional.
                        </p>

                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-4">
                    <div class="card-body">

                        <h2 class="text-primary">Consulting Services at a Glance</h2>

                        <table class="table table-hover table-bordered align-middle">
                            <thead class="table-primary">
                                <tr>
                                    <th width="30%">Services</th>
                                    <th>Overview</th>
                                </tr>
                            </thead>

                            <tbody>

                                <tr>
                                    <td><strong>Business Consulting</strong></td>
                                    <td>
                                        Business strategy, productivity improvement, market expansion, dan sustainable growth planning yang disesuaikan dengan tahap usaha.
                                    </td>
                                </tr>

                                <tr>
                                    <td><strong>Business Growth</strong></td>
                                    <td>
                                        Analisis peluang, workflow evaluation, dan growth strategy untuk membantu bisnis berkembang secara lebih terstruktur.
                                    </td>
                                </tr>

                                <tr>
                                    <td><strong>Financial Consulting</strong></td>
                                    <td>
                                        Cash-flow review, budgeting, financial priorities, dan perencanaan yang membantu menjaga stabilitas keuangan.
                                    </td>
                                </tr>

                                <tr>
                                    <td><strong>Career Consulting</strong></td>
                                    <td>
                                        Career direction, skill development, dan preparation untuk menghadapi peluang maupun perubahan di dunia kerja.
                                    </td>
                                </tr>

                                <tr>
                                    <td><strong>Personal Consulting</strong></td>
                                    <td>
                                        Personal discussion dalam suasana yang nyaman dan professional untuk membantu Anda menilai opsi serta menentukan langkah berikutnya.
                                    </td>
                                </tr>

                            </tbody>

                        </table>

                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-4">
                    <div class="card-body">

                        <h2 class="text-primary">Our Approach & Service Principles</h2>

                        <div class="row">

                            <div class="col-md-6 mb-3">

                                <div class="border rounded p-3 h-100">

                                    <h5>🎯 Personal Approach</h5>

                                    <p class="mb-0">
                                        Every client has a different context, sehingga pendekatan dan rekomendasi disesuaikan dengan kebutuhan yang dibahas.
                                    </p>

                                </div>

                            </div>

                            <div class="col-md-6 mb-3">

                                <div class="border rounded p-3 h-100">

                                    <h5>🔒 Privacy-Conscious Process</h5>

                                    <p class="mb-0">
                                        Informasi konsultasi ditangani dengan care and responsibility untuk menjaga kenyamanan proses diskusi.
                                    </p>

                                </div>

                            </div>

                            <div class="col-md-6 mb-3">

                                <div class="border rounded p-3 h-100">

                                    <h5>📈 Actionable Recommendations</h5>

                                    <p class="mb-0">
                                        Recommendations are built from structured analysis agar lebih realistis untuk dipertimbangkan dan diterapkan.
                                    </p>

                                </div>

                            </div>

                            <div class="col-md-6 mb-3">

                                <div class="border rounded p-3 h-100">

                                    <h5>🤝 Professional Guidance</h5>

                                    <p class="mb-0">
                                        Kami membantu Anda memahami options, trade-offs, dan langkah implementasi agar keputusan lebih terarah.
                                    </p>

                                </div>

                            </div>

                        </div>

                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-4">

                    <div class="card-body">

                        <h2 class="text-primary">Why Choose Our Consulting?</h2>

                        <p>
                            Good consulting goes beyond giving advice. Kami membantu memetakan akar persoalan, mengevaluasi pilihan, dan menyusun next steps berdasarkan informasi yang tersedia, objective analysis, serta komunikasi yang terbuka.
                        </p>

                        <p>
                            Our service is relevant for individuals, professionals, UMKM, dan companies yang membutuhkan perspektif tambahan untuk merencanakan langkah dan mengevaluasi keputusan.
                        </p>

                        <blockquote class="blockquote border-start border-5 border-primary ps-4 mt-4">
                            <p class="mb-0">
                                "Better decisions grow from clear information, thoughtful analysis, dan strategi yang sesuai dengan situasi nyata."
                            </p>
                        </blockquote>

                    </div>

                </div>

            </div>

            <div class="col-lg-4">

                <div class="card border-0 shadow-sm mb-4">

                    <div class="card-header bg-primary text-white">
                        <h4 class="mb-0">Why Clients Choose Us</h4>
                    </div>

                    <div class="card-body">

                        <ul class="list-group list-group-flush">

                            <li class="list-group-item">✔ Professional Consultants</li>

                            <li class="list-group-item">✔ Objective Perspective</li>

                            <li class="list-group-item">✔ Business Guidance</li>

                            <li class="list-group-item">✔ Confidential Personal Consulting</li>

                            <li class="list-group-item">✔ Business Growth Strategy</li>

                            <li class="list-group-item">✔ Friendly & Responsive Service</li>

                            <li class="list-group-item">✔ Client-Focused Service</li>

                        </ul>

                    </div>

                </div>

                <div class="card bg-primary text-white shadow">

                    <div class="card-body text-center">

                        <h3>Ready to Discuss Your Needs?</h3>

                        <p>
                            Contact our team untuk membahas kebutuhan Anda, memahami pilihan yang tersedia, dan menyusun arah konsultasi yang sesuai.
                        </p>

                        <a href="contact.html" class="btn btn-light btn-lg">
                            Contact Us
                        </a>

                    </div>

                </div>

            </div>

        </div>

    </div>
</div>
<!-- Insights End -->
<!-- FAQ Start -->
<div class="container-fluid py-6 px-5">
    <div class="text-center mx-auto mb-5" style="max-width:700px;">
        <h2 class="display-5">Frequently Asked Questions</h2>
        <hr class="w-25 mx-auto bg-primary">
        <p class="lead">
            Berikut beberapa pertanyaan yang sering diajukan oleh calon klien sebelum menggunakan layanan konsultasi autospin88.
        </p>
    </div>

    <div class="accordion" id="faqAccordion">

        <div class="accordion-item">
            <h2 class="accordion-header" id="faq1">
                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1">
                    What consulting services are available?
                </button>
            </h2>
            <div id="collapse1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Kami menyediakan business consulting, business growth, financial planning, career consulting, dan personal consultation dengan pendekatan yang practical serta berorientasi pada kebutuhan klien.
                </div>
            </div>
        </div>

        <div class="accordion-item">
            <h2 class="accordion-header" id="faq2">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2">
                    How does the consultation process work?
                </button>
            </h2>
            <div id="collapse2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Setelah Anda mengisi form atau menghubungi tim, we arrange the consultation flow berdasarkan kebutuhan. Konsultan kemudian membantu memetakan situasi, membahas opsi, dan menyusun rekomendasi yang relevan.
                </div>
            </div>
        </div>

        <div class="accordion-item">
            <h2 class="accordion-header" id="faq3">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3">
                    Is my consultation information handled confidentially?
                </button>
            </h2>
            <div id="collapse3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Ya. Informasi dan dokumen yang dibahas selama konsultasi ditangani secara responsible dan tidak dibagikan kepada pihak lain tanpa persetujuan yang sesuai.
                </div>
            </div>
        </div>

        <div class="accordion-item">
            <h2 class="accordion-header" id="faq4">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4">
                    Can the consultation be done online?
                </button>
            </h2>
            <div id="collapse4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Yes. Konsultasi dapat dilakukan online melalui media komunikasi yang disepakati, atau secara tatap muka sesuai kebutuhan dan ketersediaan.
                </div>
            </div>
        </div>

        <div class="accordion-item">
            <h2 class="accordion-header" id="faq5">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5">
                    Who can use these consulting services?
                </button>
            </h2>
            <div id="collapse5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Services kami dapat digunakan oleh pelaku usaha, perusahaan, profesional, karyawan, mahasiswa, maupun individu yang membutuhkan pendampingan dalam mengambil keputusan atau menyelesaikan suatu permasalahan.
                </div>
            </div>
        </div>

        <div class="accordion-item">
            <h2 class="accordion-header" id="faq6">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6">
                    Can I discuss personal concerns as well?
                </button>
            </h2>
            <div id="collapse6" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Yes. Selain topik bisnis, Anda dapat membahas personal decisions, self-development, career direction, dan situasi lain yang membutuhkan sudut pandang lebih terstruktur.
                </div>
            </div>
        </div>

        <div class="accordion-item">
            <h2 class="accordion-header" id="faq7">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse7">
                    What makes this consulting approach different?
                </button>
            </h2>
            <div id="collapse7" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Services kami mengutamakan profesionalisme, analisis yang objektif, solusi yang dapat diterapkan, komunikasi yang terbuka, serta menjaga kerahasiaan setiap klien selama proses konsultasi berlangsung.
                </div>
            </div>
        </div>

        <div class="accordion-item">
            <h2 class="accordion-header" id="faq8">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse8">
                    How do I start a consultation?
                </button>
            </h2>
            <div id="collapse8" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                <div class="accordion-body">
                    Anda dapat menghubungi kami melalui contact page, email, atau WhatsApp yang tersedia di website. Our team will help arrange the next step sesuai kebutuhan Anda.
                </div>
            </div>
        </div>

    </div>
</div>
<!-- FAQ End --><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What consulting services are available?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Kami menyediakan business consulting, business growth, financial planning, career consulting, dan personal consultation dengan pendekatan yang practical serta berorientasi pada kebutuhan klien."
      }
    },
    {
      "@type": "Question",
      "name": "How does the consultation process work?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Setelah Anda mengisi form atau menghubungi tim, we arrange the consultation flow berdasarkan kebutuhan. Konsultan kemudian membantu memetakan situasi, membahas opsi, dan menyusun rekomendasi yang relevan."
      }
    },
    {
      "@type": "Question",
      "name": "Is my consultation information handled confidentially?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya. Informasi dan dokumen yang dibahas selama konsultasi ditangani secara responsible dan tidak dibagikan kepada pihak lain tanpa persetujuan yang sesuai."
      }
    },
    {
      "@type": "Question",
      "name": "Can the consultation be done online?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. Konsultasi dapat dilakukan online melalui media komunikasi yang disepakati, atau secara tatap muka sesuai kebutuhan dan ketersediaan."
      }
    },
    {
      "@type": "Question",
      "name": "Who can use these consulting services?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Layanan tersedia untuk business owners, companies, professionals, employees, students, dan individu yang membutuhkan perspektif tambahan dalam mengambil keputusan."
      }
    },
    {
      "@type": "Question",
      "name": "Can I discuss personal concerns as well?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. Selain topik bisnis, Anda dapat membahas personal decisions, self-development, career direction, dan situasi lain yang membutuhkan sudut pandang lebih terstruktur."
      }
    },
    {
      "@type": "Question",
      "name": "What makes this consulting approach different?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Kami mengutamakan clear communication, objective analysis, practical recommendations, dan proses konsultasi yang menghargai konteks serta kenyamanan setiap klien."
      }
    },
    {
      "@type": "Question",
      "name": "How do I start a consultation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Anda dapat menghubungi kami melalui contact page, email, atau WhatsApp yang tersedia di website. Our team will help arrange the next step sesuai kebutuhan Anda."
      }
    }
  ]
}
</script>
<!-- Google Maps Start -->
<div class="container-fluid px-0">
    <iframe
        src="https://www.google.com/maps?q=District%208%20SCBD%20Jakarta&output=embed"
        width="100%"
        height="450"
        style="border:0;"
        allowfullscreen=""
        loading="lazy"
        referrerpolicy="no-referrer-when-downgrade">
    </iframe>
</div>
<!-- Google Maps End -->
<div class="container py-5">
    <div class="row">
        <div class="col-lg-6">
            <h3>Consulting Service Location</h3>
            <p class="mb-2">
                <i class="bi bi-geo-alt-fill text-primary"></i>
                District 8 SCBD<br>
                Jl. Jenderal Sudirman Kav. 52-53<br>
                Senayan, Kebayoran Baru<br>
                Jakarta Selatan 12190
            </p>

            <p class="mb-2">
                <i class="bi bi-clock-fill text-primary"></i>
                Monday - Friday: 09.00 - 18.00 WIB
            </p>

            <p class="mb-0">
                <i class="bi bi-envelope-fill text-primary"></i>
                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a1c8cfc7cee1c0d4d5ced2d1c8cf99998fc2cecc">[email&#160;protected]</a>
            </p>
        </div>

        <div class="col-lg-6">
            <iframe
                src="https://www.google.com/maps?q=District%208%20SCBD%20Jakarta&output=embed"
                width="100%"
                height="350"
                style="border:0;"
                allowfullscreen=""
                loading="lazy">
            </iframe>
        </div>
    </div>
</div>
<!-- Footer Start -->
<div class="container-fluid bg-primary text-secondary p-5">
    <div class="row g-5">
        <div class="col-12 text-center">
            <h2 class="display-5 mb-4">Get Our Latest Updates</h2>

            <form class="mx-auto" style="max-width: 600px;">
                <div class="input-group">
                    <input type="text" class="form-control border-white p-3" placeholder="Enter Your Email">
                    <button class="btn btn-dark px-4">Subscribe</button>
                </div>
            </form>

        </div>
    </div>
</div>

<div class="container-fluid bg-dark text-secondary p-5">
    <div class="row g-5">

        <div class="col-lg-3 col-md-6">
            <h3 class="text-white mb-4">Main Menu</h3>

            <div class="d-flex flex-column justify-content-start">
                <a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
                <a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
                <a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Services</a>
                <a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Insights</a>
                <a class="text-secondary" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
            </div>
        </div>

        <div class="col-lg-3 col-md-6">
            <h3 class="text-white mb-4">Our Services</h3>

            <div class="d-flex flex-column justify-content-start">
                <a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Business Consulting</a>
                <a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Financial Consulting</a>
                <a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Business Growth</a>
                <a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Personal Consulting</a>
                <a class="text-secondary" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Career Consulting</a>
            </div>
        </div>

        <div class="col-lg-3 col-md-6">
            <h3 class="text-white mb-4">Contact Us</h3>

            <p class="mb-2"><i class="bi bi-geo-alt text-primary me-2"></i>Jakarta, Indonesia</p>
            <p class="mb-2"><i class="bi bi-envelope-open text-primary me-2"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b6dfd8d0d9f6d7c3c2d9c5c6dfd88e8e98d5d9db">[email&#160;protected]</a></p>
            <p class="mb-0"><i class="bi bi-telephone text-primary me-2"></i>+6282152151210</p>
        </div>

        <div class="col-lg-3 col-md-6">
            <h3 class="text-white mb-4">Follow Us</h3>

            <div class="d-flex">
                <a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a>
                <a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-facebook-f fw-normal"></i></a>
                <a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a>
                <a class="btn btn-lg btn-primary btn-lg-square rounded-circle" href="#"><i class="fab fa-instagram fw-normal"></i></a>
            </div>

        </div>

    </div>
</div>

<div class="container-fluid bg-dark text-secondary text-center border-top py-4 px-5" style="border-color: rgba(256, 256, 256, .1) !important;">
    <p class="m-0">
        &copy; <a class="text-secondary border-bottom" href="https://autospin88.com/">autospin88</a>.
        All Rights Reserved.
    </p>
</div>
<!-- Footer End -->
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>


    <!-- JavaScript Libraries -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
    
    <style>
    .bobarawr {
      margin: 0;
      padding: 0;
      font-family: 'Playfair Display', 'Segoe UI', serif;
      background-color: transparent;
      color: #fff;
      overflow: hidden;
    }

    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-container {
      position: relative;
      width: 90%;
      max-width: 420px;
      background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
      border-radius: 20px;
      overflow: hidden;
      text-align: center;
      animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 55, 55, 0.2);
      padding-bottom: 20px;
      border: 1px solid rgba(212, 55, 55, 0.15);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    /* ðŸ’› Emas berdenyut yang mewah */
    @keyframes goldPulse {
      0%, 100% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 55, 55, 0.3), 0 0 0 1px rgba(212, 55, 55, 0.2);
      }
      50% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 55, 55, 0.5), 0 0 0 1px rgba(212, 55, 55, 0.3);
      }
    }

    /* âœ¨ Shiny diagonal emas yang elegan */
    .popup-container::before {
      content: "";
      position: absolute;
      top: -100%;
      left: -100%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 45%,
        rgba(255, 215, 0, 0.15) 50%,
        rgba(255, 255, 255, 0) 55%
      );
      animation: shineDiagonal 5s linear infinite;
      z-index: 2;
      pointer-events: none;
    }

    @keyframes shineDiagonal {
      0% {
        transform: translate(-100%, -100%) rotate(30deg);
      }
      100% {
        transform: translate(100%, 100%) rotate(30deg);
      }
    }

    .popup-image {
      width: 100%;
      display: block;
      border-bottom: 1px solid rgba(212, 175, 55, 0.15);
    }

    .popup-buttons {
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding: 25px 20px;
      position: relative;
      z-index: 3;
    }

    .popup-buttons a {
      width: 100%;
      display: block;
      padding: 18px 0;
      font-size: 16px;
      font-weight: 700;
      border-radius: 50px;
      text-decoration: none;
      text-align: center;
      color: #ffffff;
      background: linear-gradient(135deg, #2a46fa, #9daaf5);
      box-shadow: 0 10px 20px rgba(255, 34, 34, 0.4);
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-family: 'Montserrat', sans-serif;
    }

    /* Efek hover tombol emas yang mewah */
    .popup-buttons a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
      );
      transition: left 0.8s;
    }

    .popup-buttons a:hover::before {
      left: 100%;
    }

    .popup-buttons a:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 25px rgba(255, 2, 2, 0.856);
      background: linear-gradient(135deg, #9daaf5, #303efc);
    }

    .popup-buttons a:active {
      transform: translateY(1px);
    }

    .info-table {
      width: 90%;
      margin: 20px auto;
      border-collapse: collapse;
      color: #eee;
      font-size: 14px;
      position: relative;
      z-index: 3;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }

    .info-table th {
      background: linear-gradient(135deg, #ff2727, #ff0c0c);
      padding: 14px 10px;
      font-size: 15px;
      color: #ffffff;
      border: none;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .info-table td {
      padding: 12px;
      border-bottom: 1px solid rgba(212, 175, 55, 0.1);
      text-align: left;
    }

    .info-table tr:last-child td {
      border-bottom: none;
    }

    .popup-footer {
      font-size: 13px;
      color: #ccc;
      padding: 20px 10px;
      position: relative;
      z-index: 3;
      line-height: 1.6;
      font-family: 'Playfair Display', serif;
    }

    @keyframes rotateScaleIn {
      0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
      }
      50% {
        transform: scale(1.05) rotate(2deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }

    /* Efek partikel emas */
    .gold-particle {
      position: absolute;
      background: radial-gradient(circle, rgba(255, 0, 0, 0.8) 0%, rgba(255, 29, 29, 0.4) 100%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 1;
      animation: floatGold 10s infinite ease-in-out;
      box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
    }

    @keyframes floatGold {
      0%, 100% {
        transform: translateY(0) translateX(0);
        opacity: 0;
      }
      10% {
        opacity: 0.8;
      }
      90% {
        opacity: 0.8;
      }
      100% {
        transform: translateY(-120px) translateX(40px);
        opacity: 0;
      }
    }

    /* Efek border emas mewah */
    .luxury-border {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid rgba(212, 55, 55, 0.2);
      border-radius: 20px;
      pointer-events: none;
      z-index: 4;
      background: linear-gradient(135deg, 
        rgba(212, 55, 55, 0) 0%, 
        rgba(212, 55, 55, 0.1) 50%, 
        rgba(212, 55, 55, 0) 100%);
    }

    /* Tombol Close */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      border: 1px solid rgba(212, 55, 55, 0.3);
    }

    .close-btn:hover {
      background: rgba(255, 19, 19, 0.8);
      transform: rotate(90deg);
    }

    .close-btn::before,
    .close-btn::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #fff;
    }

    .close-btn::before {
      transform: rotate(45deg);
    }

    .close-btn::after {
      transform: rotate(-45deg);
    }

    /* Responsif untuk layar kecil */
    @media (max-width: 480px) {
      .popup-container {
        width: 95%;
        max-width: 350px;
      }
      
      .popup-buttons a {
        font-size: 14px;
        padding: 16px 0;
      }
      
      .info-table {
        font-size: 13px;
      }
      
      .popup-footer {
        font-size: 12px;
      }
      
      .close-btn {
        width: 28px;
        height: 28px;
      }
    }
  </style>
	<div class="popup-overlay" id="popupOverlay">
    <div class="popup-container">
        <!-- Tombol Close -->
        <div class="close-btn" onclick="closePopup()"></div>
        
        <!-- Partikel emas untuk efek elegan -->
        <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
        <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
        <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
        <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
        <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
        
        <!-- Border mewah -->
        <div class="luxury-border"></div>
        
        <div class="bobarawr">
            <img src="benner.webp" alt="Professional consulting information" class="popup-image">

            <div class="popup-buttons">
                <a href="https://seocantik.com/autospin88">BOOK CONSULTATION</a>
                <a href="https://seocantik.com/autospin88">CONTACT US</a>
            </div>

            <div class="popup-footer">
                autospin88  <br>
                <span style="color: maroon; font-weight: 600; text-shadow: 0 0 5px rgba(212, 55, 55, 0.5);">Â© COPYRIGHT 2026 autospin88</span>
            </div>
        </div>
    </div>
</div>
<script>
    function closePopup() {
        const popupOverlay = document.getElementById('popupOverlay');
        popupOverlay.style.opacity = '0';
        popupOverlay.style.transition = 'opacity 0.3s ease';
        
        setTimeout(() => {
            popupOverlay.style.display = 'none';
        }, 300);
    }
    
    // Menutup popup ketika mengklik area di luar popup
    document.getElementById('popupOverlay').addEventListener('click', function(event) {
        if (event.target === this) {
            closePopup();
        }
    });
</script>
</body>

</html>