{"id":9,"date":"2026-07-07T15:10:59","date_gmt":"2026-07-07T15:10:59","guid":{"rendered":"https:\/\/todmc.com\/?page_id=9"},"modified":"2026-07-07T15:13:25","modified_gmt":"2026-07-07T15:13:25","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/todmc.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n PT TODMC Bali Luxury | Destination Management Company<\/title>\r\n\r\n <!-- Google Font -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <!-- Bootstrap Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\r\n\r\n <style>\r\n :root {\r\n --primary: #18a8c8;\r\n --primary-dark: #057b99;\r\n --yellow: #ffd166;\r\n --yellow-dark: #f3b81e;\r\n --white: #ffffff;\r\n --light: #f6fbff;\r\n --soft-blue: #e8f8fd;\r\n --text: #24313f;\r\n --muted: #64748b;\r\n --shadow: 0 18px 45px rgba(8, 70, 100, 0.12);\r\n --radius: 24px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: \"Poppins\", sans-serif;\r\n background: var(--white);\r\n color: var(--text);\r\n line-height: 1.7;\r\n overflow-x: hidden;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n .container {\r\n width: min(1180px, 92%);\r\n margin: auto;\r\n }\r\n\r\n .section {\r\n padding: 85px 0;\r\n position: relative;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .section-title span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 18px;\r\n border-radius: 50px;\r\n background: var(--soft-blue);\r\n color: var(--primary-dark);\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title h2 {\r\n font-size: clamp(30px, 4vw, 48px);\r\n line-height: 1.15;\r\n color: var(--text);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title p {\r\n max-width: 720px;\r\n margin: auto;\r\n color: var(--muted);\r\n font-size: 16px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 14px 24px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n border: none;\r\n font-family: inherit;\r\n transition: 0.35s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n color: var(--white);\r\n box-shadow: 0 14px 28px rgba(24, 168, 200, 0.28);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 18px 36px rgba(24, 168, 200, 0.38);\r\n }\r\n\r\n .btn-yellow {\r\n background: linear-gradient(135deg, var(--yellow), var(--yellow-dark));\r\n color: #2c2c2c;\r\n box-shadow: 0 14px 30px rgba(255, 209, 102, 0.35);\r\n }\r\n\r\n .btn-yellow:hover {\r\n transform: translateY(-4px);\r\n }\r\n\r\n .btn-outline {\r\n border: 1.5px solid rgba(24, 168, 200, 0.35);\r\n color: var(--primary-dark);\r\n background: var(--white);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--soft-blue);\r\n transform: translateY(-4px);\r\n }\r\n\r\n \/* Top Bar *\/\r\n .top-bar {\r\n background: linear-gradient(90deg, var(--primary-dark), var(--primary));\r\n color: var(--white);\r\n font-size: 14px;\r\n padding: 9px 0;\r\n }\r\n\r\n .top-wrap {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 18px;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .top-left,\r\n .top-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .top-bar i {\r\n color: var(--yellow);\r\n }\r\n\r\n \/* Header *\/\r\n header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 999;\r\n background: rgba(255,255,255,0.92);\r\n backdrop-filter: blur(18px);\r\n box-shadow: 0 10px 28px rgba(0,0,0,0.05);\r\n }\r\n\r\n .nav {\r\n height: 82px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 22px;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-width: 195px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo img {\r\n width: 190px;\r\n max-height: 200px;\r\n height: auto;\r\n object-fit: contain;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .menu {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n }\r\n\r\n .menu a {\r\n font-weight: 600;\r\n color: var(--text);\r\n font-size: 14.5px;\r\n position: relative;\r\n }\r\n\r\n .menu a::after {\r\n content: \"\";\r\n width: 0;\r\n height: 3px;\r\n background: var(--yellow);\r\n position: absolute;\r\n left: 0;\r\n bottom: -8px;\r\n border-radius: 10px;\r\n transition: 0.3s;\r\n }\r\n\r\n .menu a:hover {\r\n color: var(--primary-dark);\r\n }\r\n\r\n .menu a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 14px;\r\n border: none;\r\n background: var(--soft-blue);\r\n color: var(--primary-dark);\r\n font-size: 24px;\r\n cursor: pointer;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .hamburger i {\r\n line-height: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .menu-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(16, 42, 54, 0.56);\r\n backdrop-filter: blur(4px);\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: 0.35s ease;\r\n z-index: 998;\r\n }\r\n\r\n .menu-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n body.menu-open {\r\n overflow: hidden;\r\n touch-action: none;\r\n }\r\n\r\n \/* Hero *\/\r\n .hero {\r\n min-height: 720px;\r\n display: flex;\r\n align-items: center;\r\n background:\r\n linear-gradient(115deg, rgba(255,255,255,0.95) 0%, rgba(232,248,253,0.90) 48%, rgba(255,255,255,0.55) 100%),\r\n url(\"https:\/\/images.unsplash.com\/photo-1537996194471-e657df975ab4?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n right: -130px;\r\n top: 130px;\r\n background: rgba(255, 209, 102, 0.35);\r\n border-radius: 50%;\r\n filter: blur(20px);\r\n animation: floatShape 6s ease-in-out infinite;\r\n }\r\n\r\n .hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 280px;\r\n height: 280px;\r\n left: -90px;\r\n bottom: 80px;\r\n background: rgba(24, 168, 200, 0.22);\r\n border-radius: 50%;\r\n animation: floatShape 7s ease-in-out infinite reverse;\r\n }\r\n\r\n .hero-grid {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: 1.05fr 0.95fr;\r\n gap: 55px;\r\n align-items: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--white);\r\n color: var(--primary-dark);\r\n padding: 10px 18px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n box-shadow: var(--shadow);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(38px, 5.5vw, 72px);\r\n line-height: 1.05;\r\n margin-bottom: 20px;\r\n letter-spacing: -1.5px;\r\n }\r\n\r\n .hero h1 span {\r\n color: var(--primary);\r\n position: relative;\r\n }\r\n\r\n .hero p {\r\n color: var(--muted);\r\n font-size: 18px;\r\n max-width: 630px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .hero-info {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-info-card {\r\n background: rgba(255,255,255,0.92);\r\n border: 1px solid rgba(24,168,200,0.12);\r\n border-radius: 18px;\r\n padding: 14px 18px;\r\n min-width: 160px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.06);\r\n }\r\n\r\n .hero-info-card strong {\r\n display: block;\r\n color: var(--primary-dark);\r\n font-size: 22px;\r\n line-height: 1.1;\r\n }\r\n\r\n .hero-info-card small {\r\n color: var(--muted);\r\n font-weight: 500;\r\n }\r\n\r\n .hero-card {\r\n background: rgba(255,255,255,0.9);\r\n border-radius: 34px;\r\n padding: 18px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(255,255,255,0.65);\r\n animation: floatCard 5s ease-in-out infinite;\r\n }\r\n\r\n .hero-card img {\r\n width: 100%;\r\n height: 430px;\r\n object-fit: cover;\r\n border-radius: 28px;\r\n }\r\n\r\n .hero-card-content {\r\n padding: 20px 10px 4px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 12px;\r\n align-items: center;\r\n }\r\n\r\n .hero-card-content h3 {\r\n font-size: 22px;\r\n }\r\n\r\n .rating {\r\n color: var(--yellow-dark);\r\n font-size: 16px;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* Stats *\/\r\n .stats {\r\n margin-top: 0px;\r\n position: relative;\r\n z-index: 4;\r\n }\r\n\r\n .stats-grid {\r\n background: var(--white);\r\n border-radius: 28px;\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n overflow: hidden;\r\n border: 1px solid rgba(24,168,200,0.10);\r\n }\r\n\r\n .stat-card {\r\n padding: 30px 22px;\r\n text-align: center;\r\n border-right: 1px solid rgba(24,168,200,0.10);\r\n }\r\n\r\n .stat-card:last-child {\r\n border-right: none;\r\n }\r\n\r\n .stat-card i {\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 18px;\r\n background: var(--soft-blue);\r\n color: var(--primary);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 25px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .stat-card h3 {\r\n font-size: 34px;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .stat-card p {\r\n color: var(--muted);\r\n font-weight: 500;\r\n }\r\n\r\n \/* Founder *\/\r\n .founder {\r\n background: var(--light);\r\n overflow: hidden;\r\n }\r\n\r\n .founder-grid {\r\n display: grid;\r\n grid-template-columns: 0.9fr 1.1fr;\r\n gap: 52px;\r\n align-items: center;\r\n }\r\n\r\n .founder-img-wrap {\r\n position: relative;\r\n }\r\n\r\n .founder-img-wrap::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 78%;\r\n height: 78%;\r\n background: var(--yellow);\r\n border-radius: 35px;\r\n left: -16px;\r\n bottom: -16px;\r\n z-index: 0;\r\n }\r\n\r\n .founder-img-wrap::after {\r\n content: \"Founder\";\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: var(--white);\r\n color: var(--primary-dark);\r\n padding: 10px 18px;\r\n border-radius: 50px;\r\n font-weight: 800;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .founder-img {\r\n position: relative;\r\n z-index: 1;\r\n border-radius: 35px;\r\n height: 540px;\r\n width: 100%;\r\n object-fit: cover;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .founder-content span {\r\n color: var(--primary-dark);\r\n background: var(--soft-blue);\r\n padding: 8px 18px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n display: inline-block;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .founder-content h2 {\r\n font-size: clamp(30px, 4vw, 48px);\r\n line-height: 1.15;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .founder-content p {\r\n color: var(--muted);\r\n margin-bottom: 18px;\r\n }\r\n\r\n .founder-points {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n margin: 25px 0;\r\n }\r\n\r\n .point {\r\n background: var(--white);\r\n padding: 16px;\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n box-shadow: 0 12px 28px rgba(0,0,0,0.05);\r\n }\r\n\r\n .point i {\r\n color: var(--primary);\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .point strong {\r\n display: block;\r\n font-size: 15px;\r\n }\r\n\r\n .point small {\r\n color: var(--muted);\r\n display: block;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Services *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 26px;\r\n }\r\n\r\n .service-card {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: 0 15px 38px rgba(8, 70, 100, 0.10);\r\n transition: 0.35s;\r\n border: 1px solid rgba(24,168,200,0.10);\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 22px 48px rgba(8, 70, 100, 0.16);\r\n }\r\n\r\n .service-img {\r\n height: 230px;\r\n overflow: hidden;\r\n }\r\n\r\n .service-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: 0.45s;\r\n }\r\n\r\n .service-card:hover .service-img img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .service-content {\r\n padding: 24px;\r\n }\r\n\r\n .service-icon {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 17px;\r\n background: var(--soft-blue);\r\n color: var(--primary);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .service-content h3 {\r\n font-size: 21px;\r\n margin-bottom: 9px;\r\n }\r\n\r\n .service-content p {\r\n color: var(--muted);\r\n margin-bottom: 18px;\r\n font-size: 15px;\r\n }\r\n\r\n \/* Destinations *\/\r\n .destinations {\r\n background: linear-gradient(180deg, var(--light), #fff);\r\n }\r\n\r\n .destination-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-auto-rows: 270px;\r\n gap: 20px;\r\n }\r\n\r\n .destination-card {\r\n position: relative;\r\n border-radius: 26px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n min-height: 260px;\r\n }\r\n\r\n .destination-card:first-child {\r\n grid-row: span 2;\r\n }\r\n\r\n .destination-card:nth-child(6),\r\n .destination-card:nth-child(9) {\r\n grid-column: span 2;\r\n }\r\n\r\n .destination-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: 0.5s;\r\n }\r\n\r\n .destination-card:hover img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .destination-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent, rgba(0,0,0,0.72));\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 24px;\r\n color: var(--white);\r\n }\r\n\r\n .destination-overlay h3 {\r\n font-size: 24px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .destination-overlay p {\r\n font-size: 14px;\r\n opacity: 0.92;\r\n }\r\n\r\n \/* Why Choose *\/\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 22px;\r\n }\r\n\r\n .why-card {\r\n background: var(--white);\r\n padding: 28px 22px;\r\n border-radius: 24px;\r\n border: 1px solid rgba(24,168,200,0.10);\r\n box-shadow: 0 14px 35px rgba(8, 70, 100, 0.08);\r\n transition: 0.35s;\r\n }\r\n\r\n .why-card:hover {\r\n background: var(--soft-blue);\r\n transform: translateY(-8px);\r\n }\r\n\r\n .why-card i {\r\n width: 56px;\r\n height: 56px;\r\n background: var(--yellow);\r\n color: #2b2b2b;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n font-size: 24px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .why-card h3 {\r\n margin-bottom: 9px;\r\n font-size: 19px;\r\n }\r\n\r\n .why-card p {\r\n color: var(--muted);\r\n font-size: 15px;\r\n }\r\n\r\n \/* Packages *\/\r\n .packages {\r\n background:\r\n linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1518548419970-58e3b4079ab2?auto=format&fit=crop&w=1600&q=80\") center\/cover fixed;\r\n }\r\n\r\n .package-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 26px;\r\n }\r\n\r\n .package-card {\r\n background: var(--white);\r\n border-radius: 26px;\r\n padding: 18px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(24,168,200,0.10);\r\n transition: 0.35s;\r\n }\r\n\r\n .package-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .package-card img {\r\n height: 230px;\r\n width: 100%;\r\n object-fit: cover;\r\n border-radius: 20px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .package-card h3 {\r\n font-size: 21px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .package-card p {\r\n color: var(--muted);\r\n font-size: 15px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .package-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .package-meta span {\r\n background: var(--soft-blue);\r\n color: var(--primary-dark);\r\n padding: 7px 12px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Process *\/\r\n .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 22px;\r\n counter-reset: step;\r\n }\r\n\r\n .process-card {\r\n background: var(--light);\r\n border-radius: 24px;\r\n padding: 28px 22px;\r\n position: relative;\r\n border: 1px solid rgba(24,168,200,0.10);\r\n transition: 0.35s;\r\n }\r\n\r\n .process-card:hover {\r\n transform: translateY(-8px);\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .process-card::before {\r\n counter-increment: step;\r\n content: \"0\" counter(step);\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 18px;\r\n background: var(--primary);\r\n color: var(--white);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .process-card h3 {\r\n margin-bottom: 8px;\r\n font-size: 19px;\r\n }\r\n\r\n .process-card p {\r\n color: var(--muted);\r\n font-size: 15px;\r\n }\r\n\r\n \/* CTA *\/\r\n .cta {\r\n padding: 75px 0;\r\n background:\r\n linear-gradient(135deg, rgba(5,123,153,0.95), rgba(24,168,200,0.9)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1555400038-63f5ba517a47?auto=format&fit=crop&w=1600&q=80\") center\/cover;\r\n color: var(--white);\r\n }\r\n\r\n .cta-box {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n align-items: center;\r\n gap: 30px;\r\n }\r\n\r\n .cta h2 {\r\n font-size: clamp(30px, 4vw, 46px);\r\n line-height: 1.15;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .cta p {\r\n opacity: 0.92;\r\n max-width: 720px;\r\n }\r\n\r\n \/* Testimonials *\/\r\n .testimonials {\r\n background: var(--light);\r\n }\r\n\r\n .testimonial-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--white);\r\n padding: 28px;\r\n border-radius: 24px;\r\n box-shadow: 0 14px 35px rgba(8, 70, 100, 0.08);\r\n border: 1px solid rgba(24,168,200,0.10);\r\n }\r\n\r\n .testimonial-card .stars {\r\n color: var(--yellow-dark);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .testimonial-card p {\r\n color: var(--muted);\r\n margin-bottom: 18px;\r\n font-size: 15px;\r\n }\r\n\r\n .client {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .client-avatar {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: var(--soft-blue);\r\n color: var(--primary-dark);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n }\r\n\r\n .client strong {\r\n display: block;\r\n }\r\n\r\n .client small {\r\n color: var(--muted);\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-wrap {\r\n max-width: 900px;\r\n margin: auto;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white);\r\n border-radius: 18px;\r\n margin-bottom: 16px;\r\n box-shadow: 0 12px 30px rgba(8, 70, 100, 0.08);\r\n border: 1px solid rgba(24,168,200,0.10);\r\n overflow: hidden;\r\n }\r\n\r\n .faq-question {\r\n width: 100%;\r\n padding: 20px 22px;\r\n background: none;\r\n border: none;\r\n font-family: inherit;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 16px;\r\n cursor: pointer;\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--text);\r\n text-align: left;\r\n white-space: normal;\r\n overflow-wrap: anywhere;\r\n line-height: 1.5;\r\n }\r\n\r\n .faq-question i {\r\n color: var(--primary);\r\n flex-shrink: 0;\r\n margin-top: 4px;\r\n transition: 0.3s;\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.35s ease;\r\n }\r\n\r\n .faq-answer p {\r\n padding: 0 22px 20px;\r\n color: var(--muted);\r\n white-space: normal;\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 260px;\r\n }\r\n\r\n .faq-item.active .faq-question i {\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* Contact *\/\r\n .contact {\r\n background: var(--light);\r\n }\r\n\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 0.9fr 1.1fr;\r\n gap: 35px;\r\n align-items: stretch;\r\n }\r\n\r\n .contact-info {\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary));\r\n color: var(--white);\r\n border-radius: 28px;\r\n padding: 34px;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .contact-info h3 {\r\n font-size: 30px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .contact-info p {\r\n opacity: 0.92;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .contact-row {\r\n display: flex;\r\n gap: 14px;\r\n margin-bottom: 18px;\r\n align-items: flex-start;\r\n }\r\n\r\n .contact-row i {\r\n width: 42px;\r\n height: 42px;\r\n background: rgba(255,255,255,0.18);\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--yellow);\r\n flex-shrink: 0;\r\n }\r\n\r\n .contact-form {\r\n background: var(--white);\r\n padding: 34px;\r\n border-radius: 28px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(24,168,200,0.10);\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .form-group.full {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n input,\r\n select,\r\n textarea {\r\n width: 100%;\r\n padding: 15px 16px;\r\n border: 1px solid rgba(24,168,200,0.22);\r\n border-radius: 14px;\r\n outline: none;\r\n font-family: inherit;\r\n font-size: 15px;\r\n background: #fbfdff;\r\n color: var(--text);\r\n }\r\n\r\n textarea {\r\n min-height: 120px;\r\n resize: vertical;\r\n }\r\n\r\n input:focus,\r\n select:focus,\r\n textarea:focus {\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 4px rgba(24,168,200,0.10);\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: #102a36;\r\n color: var(--white);\r\n padding-top: 65px;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr 0.8fr 1fr;\r\n gap: 30px;\r\n padding-bottom: 42px;\r\n }\r\n\r\n .footer-logo img {\r\n width: 190px;\r\n background: var(--white);\r\n padding: 10px;\r\n border-radius: 15px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .footer-col p,\r\n .footer-col a {\r\n color: rgba(255,255,255,0.76);\r\n font-size: 15px;\r\n display: block;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .footer-col h3 {\r\n margin-bottom: 20px;\r\n font-size: 20px;\r\n }\r\n\r\n .social {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 18px;\r\n }\r\n\r\n .social a {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 14px;\r\n background: rgba(255,255,255,0.12);\r\n color: var(--white);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: 0.3s;\r\n }\r\n\r\n .social a:hover {\r\n background: var(--yellow);\r\n color: #102a36;\r\n transform: translateY(-4px);\r\n }\r\n\r\n .copyright {\r\n border-top: 1px solid rgba(255,255,255,0.12);\r\n padding: 20px 0;\r\n text-align: center;\r\n color: rgba(255,255,255,0.72);\r\n font-size: 14px;\r\n }\r\n\r\n \/* Modal *\/\r\n .modal {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(16, 42, 54, 0.72);\r\n z-index: 2000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 18px;\r\n }\r\n\r\n .modal.active {\r\n display: flex;\r\n }\r\n\r\n .modal-box {\r\n background: var(--white);\r\n width: min(560px, 96vw);\r\n max-height: 92vh;\r\n overflow-y: auto;\r\n border-radius: 28px;\r\n padding: 30px;\r\n position: relative;\r\n animation: modalPop 0.35s ease;\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n width: 42px;\r\n height: 42px;\r\n border: none;\r\n border-radius: 14px;\r\n background: var(--soft-blue);\r\n color: var(--primary-dark);\r\n font-size: 22px;\r\n cursor: pointer;\r\n }\r\n\r\n .modal-box h2 {\r\n font-size: 28px;\r\n margin-bottom: 8px;\r\n padding-right: 45px;\r\n }\r\n\r\n .modal-box p {\r\n color: var(--muted);\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* Floating buttons *\/\r\n .floating-actions {\r\n position: fixed;\r\n right: 20px;\r\n bottom: 20px;\r\n z-index: 1200;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .float-btn {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 24px;\r\n box-shadow: 0 14px 30px rgba(0,0,0,0.22);\r\n transition: 0.3s;\r\n }\r\n\r\n .float-btn:hover {\r\n transform: scale(1.08);\r\n }\r\n\r\n .whatsapp {\r\n background: #25d366;\r\n }\r\n\r\n .call {\r\n background: var(--primary);\r\n }\r\n\r\n \/* Animation *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(35px);\r\n transition: 0.75s ease;\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n @keyframes floatShape {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-22px); }\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n @keyframes modalPop {\r\n from {\r\n transform: translateY(30px) scale(0.96);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0) scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n\r\n @media (max-width: 1200px) and (min-width: 1051px) {\r\n .nav {\r\n gap: 14px;\r\n }\r\n\r\n .logo {\r\n min-width: 175px;\r\n }\r\n\r\n .logo img {\r\n width: 175px;\r\n }\r\n\r\n .menu {\r\n gap: 14px;\r\n }\r\n\r\n .menu a {\r\n font-size: 14px;\r\n }\r\n\r\n .nav-actions .btn {\r\n padding: 12px 18px;\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1050px) {\r\n header {\r\n z-index: 1100;\r\n }\r\n\r\n .nav {\r\n position: relative;\r\n }\r\n\r\n .menu {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n width: min(360px, 88vw);\r\n height: 100dvh;\r\n max-height: 100dvh;\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n background: rgba(255,255,255,0.98);\r\n backdrop-filter: blur(18px);\r\n flex-direction: column;\r\n align-items: stretch;\r\n justify-content: flex-start;\r\n gap: 0;\r\n padding: 96px 22px 28px;\r\n box-shadow: -20px 0 45px rgba(0,0,0,0.16);\r\n border-left: 1px solid rgba(24,168,200,0.12);\r\n transform: translateX(105%);\r\n visibility: hidden;\r\n transition: transform 0.35s ease, visibility 0.35s ease;\r\n z-index: 1098;\r\n }\r\n\r\n .menu.active {\r\n transform: translateX(0);\r\n visibility: visible;\r\n }\r\n\r\n .menu a {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n min-height: 50px;\r\n padding: 14px 16px;\r\n margin-bottom: 8px;\r\n border-radius: 14px;\r\n border: 1px solid rgba(24,168,200,0.10);\r\n background: var(--light);\r\n font-size: 16px;\r\n }\r\n\r\n .menu a::after {\r\n display: none;\r\n }\r\n\r\n .menu a:hover {\r\n background: var(--soft-blue);\r\n }\r\n\r\n .hamburger {\r\n display: inline-flex;\r\n position: relative;\r\n z-index: 1101;\r\n }\r\n\r\n .hamburger.active {\r\n background: var(--primary);\r\n color: var(--white);\r\n }\r\n\r\n .nav-actions .btn {\r\n display: none;\r\n }\r\n\r\n .hero-grid,\r\n .founder-grid,\r\n .contact-grid,\r\n .cta-box {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero {\r\n padding: 80px 0 110px;\r\n min-height: auto;\r\n }\r\n\r\n .hero-card img {\r\n height: 380px;\r\n }\r\n\r\n .stats-grid,\r\n .why-grid,\r\n .process-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .services-grid,\r\n .package-grid,\r\n .testimonial-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .destination-grid {\r\n grid-template-columns: 1fr 1fr;\r\n grid-auto-rows: 260px;\r\n }\r\n\r\n .destination-card:first-child {\r\n grid-row: auto;\r\n grid-column: span 2;\r\n }\r\n\r\n .destination-card:nth-child(6),\r\n .destination-card:nth-child(9) {\r\n grid-column: span 2;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n .top-wrap {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .top-left,\r\n .top-right {\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .nav {\r\n height: 72px;\r\n }\r\n\r\n .logo {\r\n min-width: 0;\r\n }\r\n\r\n .logo img {\r\n width: 148px;\r\n max-height: 195px;\r\n }\r\n\r\n .hamburger {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 13px;\r\n }\r\n\r\n .menu {\r\n width: 86vw;\r\n padding: 86px 16px 24px;\r\n }\r\n\r\n .menu a {\r\n min-height: 48px;\r\n font-size: 15px;\r\n padding: 13px 14px;\r\n }\r\n\r\n .section {\r\n padding: 65px 0;\r\n }\r\n\r\n .hero {\r\n padding-top: 55px;\r\n }\r\n\r\n .hero h1 {\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero p {\r\n font-size: 16px;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .hero-buttons .btn {\r\n width: 100%;\r\n }\r\n\r\n .hero-info {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-card img {\r\n height: 280px;\r\n }\r\n\r\n .stats {\r\n margin-top: -35px;\r\n }\r\n\r\n .stats-grid,\r\n .services-grid,\r\n .why-grid,\r\n .package-grid,\r\n .process-grid,\r\n .testimonial-grid,\r\n .footer-grid,\r\n .form-grid,\r\n .founder-points {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .stat-card {\r\n border-right: none;\r\n border-bottom: 1px solid rgba(24,168,200,0.10);\r\n }\r\n\r\n .stat-card:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .founder-img {\r\n height: 380px;\r\n }\r\n\r\n .destination-grid {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto;\r\n }\r\n\r\n .destination-card,\r\n .destination-card:first-child,\r\n .destination-card:nth-child(6),\r\n .destination-card:nth-child(9) {\r\n grid-column: auto;\r\n grid-row: auto;\r\n height: 280px;\r\n }\r\n\r\n .cta-box {\r\n text-align: center;\r\n }\r\n\r\n .cta-box .btn {\r\n width: 100%;\r\n }\r\n\r\n .contact-info,\r\n .contact-form,\r\n .modal-box {\r\n padding: 24px;\r\n border-radius: 22px;\r\n }\r\n\r\n .faq-question {\r\n font-size: 15px;\r\n padding: 18px;\r\n align-items: flex-start;\r\n }\r\n\r\n .faq-answer p {\r\n padding: 0 18px 18px;\r\n font-size: 14px;\r\n }\r\n\r\n .floating-actions {\r\n right: 14px;\r\n bottom: 14px;\r\n }\r\n\r\n .float-btn {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n }\r\n\r\n \/* Updated hero rotation, destination layout, and country slider *\/\r\n .hero::before,\r\n .hero::after {\r\n display: none;\r\n }\r\n\r\n .hero-slider {\r\n position: relative;\r\n width: 100%;\r\n height: 430px;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n background: var(--soft-blue);\r\n }\r\n\r\n .hero-slide {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 0;\r\n transform: scale(1.06) rotate(0.6deg);\r\n transition: opacity 0.9s ease, transform 4.5s ease;\r\n }\r\n\r\n .hero-slide.active {\r\n opacity: 1;\r\n transform: scale(1) rotate(0deg);\r\n }\r\n\r\n .country-destinations {\r\n background: linear-gradient(180deg, #ffffff, var(--light));\r\n overflow: hidden;\r\n }\r\n\r\n .country-slider {\r\n position: relative;\r\n max-width: 1040px;\r\n margin: 0 auto;\r\n padding: 0 56px 50px;\r\n }\r\n\r\n .country-viewport {\r\n overflow: hidden;\r\n border-radius: 26px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .country-track {\r\n display: flex;\r\n transition: transform 0.6s ease;\r\n will-change: transform;\r\n }\r\n\r\n .country-card {\r\n flex: 0 0 100%;\r\n height: 340px;\r\n min-height: 340px;\r\n border-radius: 26px;\r\n overflow: hidden;\r\n position: relative;\r\n background: var(--white);\r\n }\r\n\r\n .country-card img {\r\n width: 100%;\r\n height: 340px;\r\n min-height: 0;\r\n object-fit: cover;\r\n object-position: center;\r\n transform: scale(1.01);\r\n }\r\n\r\n .country-info {\r\n position: absolute;\r\n inset: 0;\r\n padding: 38px;\r\n color: var(--white);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.76));\r\n }\r\n\r\n .country-info span {\r\n width: fit-content;\r\n padding: 8px 16px;\r\n border-radius: 50px;\r\n background: rgba(255,255,255,0.18);\r\n backdrop-filter: blur(10px);\r\n color: var(--yellow);\r\n font-weight: 800;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .country-info h3 {\r\n font-size: clamp(30px, 5vw, 56px);\r\n line-height: 1;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .country-info p {\r\n max-width: 650px;\r\n font-size: 16px;\r\n opacity: 0.94;\r\n }\r\n\r\n .country-arrow {\r\n position: absolute;\r\n top: calc(50% - 28px);\r\n transform: translateY(-50%);\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n border: none;\r\n background: var(--white);\r\n color: var(--primary-dark);\r\n box-shadow: var(--shadow);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n cursor: pointer;\r\n z-index: 3;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .country-arrow:hover {\r\n background: var(--primary);\r\n color: var(--white);\r\n transform: translateY(-50%) scale(1.06);\r\n }\r\n\r\n .country-prev {\r\n left: 0;\r\n }\r\n\r\n .country-next {\r\n right: 0;\r\n }\r\n\r\n .country-dots {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 16px;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 9px;\r\n justify-content: center;\r\n }\r\n\r\n .country-dots button {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 99px;\r\n border: none;\r\n background: rgba(5, 123, 153, 0.22);\r\n cursor: pointer;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .country-dots button.active {\r\n width: 30px;\r\n background: var(--primary);\r\n }\r\n\r\n @media (max-width: 1050px) {\r\n .hero-slider {\r\n height: 380px;\r\n }\r\n\r\n .destination-grid {\r\n grid-template-columns: 1fr 1fr;\r\n grid-auto-rows: 260px;\r\n }\r\n\r\n .destination-card:first-child {\r\n grid-row: auto;\r\n grid-column: span 2;\r\n }\r\n\r\n .destination-card:nth-child(6) {\r\n grid-column: span 2;\r\n }\r\n\r\n .country-slider {\r\n max-width: 820px;\r\n padding: 0 48px 52px;\r\n }\r\n\r\n .country-card {\r\n height: 320px;\r\n min-height: 320px;\r\n }\r\n\r\n .country-card img {\r\n height: 320px;\r\n min-height: 0;\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n .top-left span:first-child {\r\n line-height: 1.45;\r\n }\r\n\r\n .hero-slider {\r\n height: 280px;\r\n }\r\n\r\n .destination-grid {\r\n grid-template-columns: 1fr;\r\n grid-auto-rows: auto;\r\n }\r\n\r\n .destination-card,\r\n .destination-card:first-child,\r\n .destination-card:nth-child(6) {\r\n grid-column: auto;\r\n grid-row: auto;\r\n height: 280px;\r\n }\r\n\r\n .country-slider {\r\n max-width: 100%;\r\n padding: 0 0 54px;\r\n }\r\n\r\n .country-card {\r\n height: 320px;\r\n min-height: 320px;\r\n }\r\n\r\n .country-card img {\r\n height: 320px;\r\n min-height: 0;\r\n }\r\n\r\n .country-info {\r\n padding: 24px;\r\n }\r\n\r\n .country-info p {\r\n font-size: 14px;\r\n }\r\n\r\n .country-arrow {\r\n top: auto;\r\n bottom: 0;\r\n transform: none;\r\n width: 44px;\r\n height: 44px;\r\n }\r\n\r\n .country-arrow:hover {\r\n transform: scale(1.04);\r\n }\r\n\r\n .country-prev {\r\n left: calc(50% - 72px);\r\n }\r\n\r\n .country-next {\r\n right: calc(50% - 72px);\r\n }\r\n\r\n .country-dots {\r\n bottom: 15px;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- Top Bar -->\r\n <div class=\"top-bar\">\r\n <div class=\"container top-wrap\">\r\n <div class=\"top-left\">\r\n <span><i class=\"bi bi-geo-alt-fill\"><\/i> Jl Pesonaku III Gg Tungjung Biru C10-Br Ambengan Pendugan-Denpasar Selatan, Bali 80222<\/span>\r\n <span><i class=\"bi bi-envelope-fill\"><\/i> bali@todmc.com<\/span>\r\n <\/div>\r\n <div class=\"top-right\">\r\n <span><i class=\"bi bi-telephone-fill\"><\/i> +62 821 3103 277<\/span>\r\n <span><i class=\"bi bi-phone-fill\"><\/i> +91 9501008889<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Header -->\r\n <header>\r\n <div class=\"container nav\">\r\n <a href=\"#home\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/purple-wombat-710155.hostingersite.com\/wp-content\/uploads\/2026\/07\/Untitled_design-removebg-preview.png\" alt=\"TODMC Logo\">\r\n <\/a>\r\n\r\n <nav class=\"menu\" id=\"menu\">\r\n <a href=\"#home\">Home<\/a>\r\n <a href=\"#founder\">Founder<\/a>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#destinations\">Destinations<\/a>\r\n <a href=\"#packages\">Experiences<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/nav>\r\n\r\n <div class=\"nav-actions\">\r\n <button class=\"btn btn-primary openModal\">\r\n <i class=\"bi bi-calendar-check\"><\/i> Get a Quote\r\n <\/button>\r\n <button class=\"hamburger\" id=\"hamburger\" type=\"button\" aria-label=\"Open menu\" aria-controls=\"menu\" aria-expanded=\"false\">\r\n <i class=\"bi bi-list\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Mobile Menu Overlay -->\r\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\r\n\r\n <!-- Section 1: Hero -->\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"container hero-grid\">\r\n <div class=\"hero-content reveal\">\r\n <div class=\"hero-badge\">\r\n <i class=\"bi bi-stars\"><\/i>\r\n Premium Destination Management Company\r\n <\/div>\r\n <h1>Luxury Bali Travel, Managed With <span>Perfection<\/span><\/h1>\r\n <p>\r\n PT TODMC Bali Luxury is a Destination Management Company (DMC) specializing in delivering seamless and tailor-made travel experiences across Bali. Our services include luxury travel planning, hotel reservations, private airport and intercity transfers, MICE, sightseeing tours, and comprehensive ground handling solutions.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <button class=\"btn btn-primary openModal\">\r\n <i class=\"bi bi-send-fill\"><\/i> Send Enquiry\r\n <\/button>\r\n <a class=\"btn btn-yellow\" target=\"_blank\" href=\"https:\/\/wa.me\/628213103277?text=Hello%20PT%20TODMC%20Bali%20Luxury,%20I%20want%20to%20plan%20a%20Bali%20trip.\">\r\n <i class=\"bi bi-whatsapp\"><\/i> WhatsApp Now\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-info\">\r\n <div class=\"hero-info-card\">\r\n <strong>Bali<\/strong>\r\n <small>Luxury Destination<\/small>\r\n <\/div>\r\n <div class=\"hero-info-card\">\r\n <strong>24\/7<\/strong>\r\n <small>Travel Assistance<\/small>\r\n <\/div>\r\n <div class=\"hero-info-card\">\r\n <strong>DMC<\/strong>\r\n <small>Complete Ground Support<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-card reveal\">\r\n <div class=\"hero-slider\" id=\"heroSlider\">\r\n <img decoding=\"async\" class=\"hero-slide active\" src=\"https:\/\/i.pinimg.com\/1200x\/80\/50\/b5\/8050b56e1f10279889aa91d6be313779.jpg\" alt=\"Ubud Luxury Experience\">\r\n <img decoding=\"async\" class=\"hero-slide\" src=\"https:\/\/i.pinimg.com\/1200x\/c6\/b4\/dc\/c6b4dc5a04b1661fab04df0808b05b23.jpg\" alt=\"Nusa Penida Luxury Tour\">\r\n <img decoding=\"async\" class=\"hero-slide\" src=\"https:\/\/i.pinimg.com\/1200x\/bc\/7a\/01\/bc7a01f74763f4b75789d05928a7590d.jpg\" alt=\"Gili Trawangan Experience\">\r\n <img decoding=\"async\" class=\"hero-slide\" src=\"https:\/\/i.pinimg.com\/736x\/85\/50\/8a\/85508a7fe438e204d3314220d6cc7f20.jpg\" alt=\"Maldives Luxury Escape\">\r\n <\/div>\r\n <div class=\"hero-card-content\">\r\n <div>\r\n <h3>Curated Bali Experiences<\/h3>\r\n <p>Luxury holidays, events, transfers & tours.<\/p>\r\n <\/div>\r\n <div class=\"rating\">\r\n <i class=\"bi bi-star-fill\"><\/i>\r\n <i class=\"bi bi-star-fill\"><\/i>\r\n <i class=\"bi bi-star-fill\"><\/i>\r\n <i class=\"bi bi-star-fill\"><\/i>\r\n <i class=\"bi bi-star-fill\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 2: Stats -->\r\n <section class=\"stats\">\r\n <div class=\"container stats-grid reveal\">\r\n <div class=\"stat-card\">\r\n <i class=\"bi bi-map-fill\"><\/i>\r\n <h3 class=\"counter\" data-count=\"5000\">0<\/h3>\r\n <p>Travel Experiences<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <i class=\"bi bi-building-check\"><\/i>\r\n <h3 class=\"counter\" data-count=\"100\">0<\/h3>\r\n <p>Hotel & Villa Partners<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <i class=\"bi bi-car-front-fill\"><\/i>\r\n <h3 class=\"counter\" data-count=\"24\">0<\/h3>\r\n <p>Hour Assistance<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <i class=\"bi bi-heart-fill\"><\/i>\r\n <h3 class=\"counter\" data-count=\"5\">0<\/h3>\r\n <p>Premium Service Quality<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 3: Founder Section -->\r\n <section class=\"section founder\" id=\"founder\">\r\n <div class=\"container founder-grid\">\r\n <div class=\"founder-img-wrap reveal\">\r\n <img decoding=\"async\" class=\"founder-img\" src=\"https:\/\/purple-wombat-710155.hostingersite.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-07-at-11.38.22-AM.jpeg\" alt=\"Founder TODMC Bali Luxury\">\r\n <\/div>\r\n\r\n <div class=\"founder-content reveal\">\r\n <span><i class=\"bi bi-person-badge\"><\/i> Meet Our Founder<\/span>\r\n <h2>Building Memorable Luxury Travel Experiences in Bali<\/h2>\r\n <p>\r\n PT TODMC Bali Luxury is created with a clear vision: to offer reliable, premium,\r\n and personalized destination management services for travellers, travel agencies,\r\n corporates, and luxury clients visiting Bali.\r\n <\/p>\r\n <p>\r\n From arrival to departure, our team focuses on smooth coordination, trusted local\r\n support, high-quality hospitality, and beautifully planned experiences.\r\n <\/p>\r\n\r\n <div class=\"founder-points\">\r\n <div class=\"point\">\r\n <i class=\"bi bi-check-circle-fill\"><\/i>\r\n <div>\r\n <strong>Luxury Planning<\/strong>\r\n <small>Premium hotels, villas, tours and events.<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"point\">\r\n <i class=\"bi bi-check-circle-fill\"><\/i>\r\n <div>\r\n <strong>Ground Handling<\/strong>\r\n <small>Airport, transport and local support.<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"point\">\r\n <i class=\"bi bi-check-circle-fill\"><\/i>\r\n <div>\r\n <strong>Travel Partners<\/strong>\r\n <small>Support for agents and B2B bookings.<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"point\">\r\n <i class=\"bi bi-check-circle-fill\"><\/i>\r\n <div>\r\n <strong>Bali Expertise<\/strong>\r\n <small>Local knowledge with professional service.<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary openModal\">\r\n <i class=\"bi bi-chat-dots-fill\"><\/i> Connect With Us\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 4: Services -->\r\n <section class=\"section\" id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-briefcase-fill\"><\/i> Our Services<\/span>\r\n <h2>Destination Management Services<\/h2>\r\n <p>\r\n Complete travel, hospitality, event, transfer and experience management services\r\n for Bali luxury travellers and travel partners.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service-card reveal\">\r\n <div class=\"service-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573790387438-4da905039392?auto=format&fit=crop&w=900&q=80\" alt=\"Bali Tour Planning\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-icon\"><i class=\"bi bi-map\"><\/i><\/div>\r\n <h3>Bali Tour Planning<\/h3>\r\n <p>Customized Bali itineraries with temples, beaches, waterfalls, culture, nightlife and luxury experiences.<\/p>\r\n <button class=\"btn btn-outline openModal\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\">\r\n <div class=\"service-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=900&q=80\" alt=\"Hotel Villa Booking\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-icon\"><i class=\"bi bi-building\"><\/i><\/div>\r\n <h3>Hotel & Villa Reservations<\/h3>\r\n <p>Premium hotel, resort and private villa arrangements for couples, families, groups and corporate guests.<\/p>\r\n <button class=\"btn btn-outline openModal\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\">\r\n <div class=\"service-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&w=900&q=80\" alt=\"Private Transfers\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-icon\"><i class=\"bi bi-car-front\"><\/i><\/div>\r\n <h3>Private Transfers<\/h3>\r\n <p>Airport pickup, drop, private chauffeur, luxury car, group transfer and complete transport coordination.<\/p>\r\n <button class=\"btn btn-outline openModal\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\">\r\n <div class=\"service-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=900&q=80\" alt=\"Wedding Events\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-icon\"><i class=\"bi bi-gem\"><\/i><\/div>\r\n <h3>Weddings & Events<\/h3>\r\n <p>Destination wedding support, venue coordination, guest logistics and event planning assistance in Bali.<\/p>\r\n <button class=\"btn btn-outline openModal\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\">\r\n <div class=\"service-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=900&q=80\" alt=\"MICE Services\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-icon\"><i class=\"bi bi-people\"><\/i><\/div>\r\n <h3>MICE & Corporate Travel<\/h3>\r\n <p>Meetings, incentives, conferences, group travel, business events and corporate hospitality support.<\/p>\r\n <button class=\"btn btn-outline openModal\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal\">\r\n <div class=\"service-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=900&q=80\" alt=\"Luxury Experiences\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-icon\"><i class=\"bi bi-stars\"><\/i><\/div>\r\n <h3>Luxury Experiences<\/h3>\r\n <p>Sunset dinners, private tours, beach clubs, spa, adventure, honeymoon surprises and premium local experiences.<\/p>\r\n <button class=\"btn btn-outline openModal\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 5: Destinations -->\r\n <section class=\"section destinations\" id=\"destinations\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-pin-map-fill\"><\/i> Bali Highlights<\/span>\r\n <h2>Explore Beautiful Places in Bali<\/h2>\r\n <p>Handpicked Bali destinations and experiences to create unforgettable luxury journeys.<\/p>\r\n <\/div>\r\n\r\n <div class=\"destination-grid\">\r\n <div class=\"destination-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/80\/50\/b5\/8050b56e1f10279889aa91d6be313779.jpg\" alt=\"Ubud Bali\">\r\n <div class=\"destination-overlay\">\r\n <h3>Ubud<\/h3>\r\n <p>Rice terraces, culture, waterfalls, temples and wellness experiences.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"destination-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/c6\/b4\/dc\/c6b4dc5a04b1661fab04df0808b05b23.jpg\" alt=\"Nusa Penida\">\r\n <div class=\"destination-overlay\">\r\n <h3>Nusa Penida<\/h3>\r\n <p>Iconic cliffs, beaches and island adventures.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"destination-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/fc\/ab\/52\/fcab52d40e94ffd33c97ea2803f4dead.jpg\" alt=\"Seminyak\">\r\n <div class=\"destination-overlay\">\r\n <h3>Seminyak<\/h3>\r\n <p>Luxury resorts, beach clubs and stylish dining.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"destination-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/e4\/87\/a2\/e487a26030bd4ba2cb32b870b2529e7c.jpg\" alt=\"Temple Tours Bali\">\r\n <div class=\"destination-overlay\">\r\n <h3>Temple Tours<\/h3>\r\n <p>Spiritual, cultural and heritage experiences.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"destination-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/52\/e6\/92\/52e692cb92f7e34499616f70ec086728.jpg\" alt=\"Beach Escapes\">\r\n <div class=\"destination-overlay\">\r\n <h3>Beach Escapes<\/h3>\r\n <p>Romantic sunsets, crystal waters and premium relaxation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"destination-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/bc\/7a\/01\/bc7a01f74763f4b75789d05928a7590d.jpg\" alt=\"Gili Trawangan\">\r\n <div class=\"destination-overlay\">\r\n <h3>Gili Trawangan<\/h3>\r\n <p>Island nightlife, snorkeling, clear water beaches and relaxing tropical vibes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 5B: Country Destinations Slider -->\r\n <section class=\"section country-destinations\" id=\"country-destinations\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-globe-asia-australia\"><\/i> Our Country Destinations<\/span>\r\n <h2>Popular International Destinations<\/h2>\r\n <p>Premium destination options for travel partners, families, honeymooners and corporate groups.<\/p>\r\n <\/div>\r\n\r\n <div class=\"country-slider reveal\">\r\n <button class=\"country-arrow country-prev\" type=\"button\" aria-label=\"Previous destination\">\r\n <i class=\"bi bi-chevron-left\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"country-viewport\">\r\n <div class=\"country-track\" id=\"countryTrack\">\r\n <article class=\"country-card\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/80\/50\/b5\/8050b56e1f10279889aa91d6be313779.jpg\" alt=\"Bali\">\r\n <div class=\"country-info\">\r\n <span>Bali<\/span>\r\n <h3>Bali<\/h3>\r\n <p>Luxury villas, private transfers, temples, beaches, island tours and complete ground handling.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"country-card\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/85\/50\/8a\/85508a7fe438e204d3314220d6cc7f20.jpg\" alt=\"Maldives\">\r\n <div class=\"country-info\">\r\n <span>Maldives<\/span>\r\n <h3>Maldives<\/h3>\r\n <p>Overwater villas, honeymoon stays, turquoise lagoons, beach resorts and premium island escapes.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"country-card\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/e8\/7d\/87\/e87d8748b8fdd2615c24b306eeca7e78.jpg\" alt=\"Vietnam\">\r\n <div class=\"country-info\">\r\n <span>Vietnam<\/span>\r\n <h3>Vietnam<\/h3>\r\n <p>Culture, city tours, scenic bays, beaches, local experiences and smooth travel arrangements.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"country-card\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/ba\/ce\/12\/bace12fe38f6b978faeae8481b72f900.jpg\" alt=\"Mauritius\">\r\n <div class=\"country-info\">\r\n <span>Mauritius<\/span>\r\n <h3>Mauritius<\/h3>\r\n <p>Crystal beaches, luxury resorts, nature tours, romantic stays and relaxing island holidays.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"country-arrow country-next\" type=\"button\" aria-label=\"Next destination\">\r\n <i class=\"bi bi-chevron-right\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"country-dots\" id=\"countryDots\">\r\n <button class=\"active\" type=\"button\" aria-label=\"Go to slide 1\"><\/button>\r\n <button type=\"button\" aria-label=\"Go to slide 2\"><\/button>\r\n <button type=\"button\" aria-label=\"Go to slide 3\"><\/button>\r\n <button type=\"button\" aria-label=\"Go to slide 4\"><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 6: Why Choose -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-award-fill\"><\/i> Why Choose Us<\/span>\r\n <h2>Professional DMC Support<\/h2>\r\n <p>We focus on comfort, reliability, premium service and smooth coordination for every guest.<\/p>\r\n <\/div>\r\n\r\n <div class=\"why-grid\">\r\n <div class=\"why-card reveal\">\r\n <i class=\"bi bi-shield-check\"><\/i>\r\n <h3>Trusted Management<\/h3>\r\n <p>Professional handling of every travel requirement with proper planning and support.<\/p>\r\n <\/div>\r\n <div class=\"why-card reveal\">\r\n <i class=\"bi bi-headset\"><\/i>\r\n <h3>24\/7 Assistance<\/h3>\r\n <p>Support during arrival, stay, sightseeing, transfer and departure in Bali.<\/p>\r\n <\/div>\r\n <div class=\"why-card reveal\">\r\n <i class=\"bi bi-stars\"><\/i>\r\n <h3>Luxury Experience<\/h3>\r\n <p>Premium selection of stays, services and activities for high-quality travel.<\/p>\r\n <\/div>\r\n <div class=\"why-card reveal\">\r\n <i class=\"bi bi-person-check\"><\/i>\r\n <h3>Personalized Plans<\/h3>\r\n <p>Every itinerary is customized as per guest style, budget, comfort and occasion.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 7: Packages -->\r\n <section class=\"section packages\" id=\"packages\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-suitcase2-fill\"><\/i> Curated Experiences<\/span>\r\n <h2>Luxury Travel Ideas<\/h2>\r\n <p>Popular travel ideas for honeymooners, families, groups, travel agents and corporate clients.<\/p>\r\n <\/div>\r\n\r\n <div class=\"package-grid\">\r\n <div class=\"package-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1539367628448-4bc5c9d171c8?auto=format&fit=crop&w=900&q=80\" alt=\"Honeymoon Package\">\r\n <h3>Luxury Honeymoon Package<\/h3>\r\n <p>Romantic stays, private dinners, flower decoration, couple spa and scenic tours.<\/p>\r\n <div class=\"package-meta\">\r\n <span>Couples<\/span>\r\n <span>Luxury<\/span>\r\n <span>Private<\/span>\r\n <\/div>\r\n <button class=\"btn btn-primary openModal\">Enquire Now<\/button>\r\n <\/div>\r\n\r\n <div class=\"package-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540541338287-41700207dee6?auto=format&fit=crop&w=900&q=80\" alt=\"Family Holiday Package\">\r\n <h3>Family Holiday Package<\/h3>\r\n <p>Comfortable hotels, sightseeing, beaches, culture, transfers and family-friendly experiences.<\/p>\r\n <div class=\"package-meta\">\r\n <span>Family<\/span>\r\n <span>Comfort<\/span>\r\n <span>Safe<\/span>\r\n <\/div>\r\n <button class=\"btn btn-primary openModal\">Enquire Now<\/button>\r\n <\/div>\r\n\r\n <div class=\"package-card reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521336575822-6da63fb45455?auto=format&fit=crop&w=900&q=80\" alt=\"Group Corporate Travel\">\r\n <h3>Group & Corporate Travel<\/h3>\r\n <p>Group handling, transport, hotels, team activities, event setup and MICE coordination.<\/p>\r\n <div class=\"package-meta\">\r\n <span>Group<\/span>\r\n <span>MICE<\/span>\r\n <span>Events<\/span>\r\n <\/div>\r\n <button class=\"btn btn-primary openModal\">Enquire Now<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 8: Process -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-diagram-3-fill\"><\/i> How We Work<\/span>\r\n <h2>Simple Travel Planning Process<\/h2>\r\n <p>Share your requirement and our team will coordinate the complete Bali travel plan.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-grid\">\r\n <div class=\"process-card reveal\">\r\n <h3>Share Requirement<\/h3>\r\n <p>Tell us your travel date, Number of pax, budget, style and special needs.<\/p>\r\n <\/div>\r\n <div class=\"process-card reveal\">\r\n <h3>Get Custom Plan<\/h3>\r\n <p>We create tailor-made Bali itineraries with hotels, private transfers, and curated experiences.<\/p>\r\n <\/div>\r\n <div class=\"process-card reveal\">\r\n <h3>Confirm Services<\/h3>\r\n <p>Finalize the plan with selected services, timing and guest preferences.<\/p>\r\n <\/div>\r\n <div class=\"process-card reveal\">\r\n <h3>Enjoy Bali<\/h3>\r\n <p>Our team provides end-to-end coordination and on-ground support throughout your journey.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 9: CTA -->\r\n <section class=\"cta\">\r\n <div class=\"container cta-box reveal\">\r\n <div>\r\n <h2>Looking for a Trusted Bali DMC? \r\n<\/h2>\r\n <p>\r\n Connect with PT TODMC BALI LUXURY for delivering luxury travel solutions, ground handling, curated experiences, and end-to-end support for travel professionals and their clients.\r\n <\/p>\r\n <\/div>\r\n <button class=\"btn btn-yellow openModal\">\r\n <i class=\"bi bi-calendar-heart\"><\/i> Start Planning\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 10: Testimonials -->\r\n <section class=\"section testimonials\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-chat-heart-fill\"><\/i> Partner Feedback<\/span>\r\n <h2>Travel Agents Trust Our Bali DMC Services<\/h2>\r\n <p>Feedback from travel professionals and B2B partners who work with PT TODMC Bali Luxury for Bali ground handling and destination management.<\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonial-grid\">\r\n <div class=\"testimonial-card reveal\">\r\n <div class=\"stars\">\r\n <i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i>\r\n <\/div>\r\n <p>TODMC made our Bali bookings very smooth. Their team handled hotel coordination, private transfers, tours and ground support with quick communication.<\/p>\r\n <div class=\"client\">\r\n <div class=\"client-avatar\">A<\/div>\r\n <div>\r\n <strong>Aarav Holidays<\/strong>\r\n <small>Travel Agency Partner<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card reveal\">\r\n <div class=\"stars\">\r\n <i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i>\r\n <\/div>\r\n <p>As a B2B travel partner, we need reliable local support. PT TODMC Bali Luxury gives proper updates, good service quality and professional guest handling.<\/p>\r\n <div class=\"client\">\r\n <div class=\"client-avatar\">R<\/div>\r\n <div>\r\n <strong>Riya Tours<\/strong>\r\n <small>B2B Travel Partner<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card reveal\">\r\n <div class=\"stars\">\r\n <i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i><i class=\"bi bi-star-fill\"><\/i>\r\n <\/div>\r\n <p>Our clients were happy with the Bali arrangements. From airport pickup to itinerary execution, the coordination was organized and dependable.<\/p>\r\n <div class=\"client\">\r\n <div class=\"client-avatar\">G<\/div>\r\n <div>\r\n <strong>Global Trip Desk<\/strong>\r\n <small>Travel Consultant<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 11: FAQ -->\r\n <section class=\"section\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-question-circle-fill\"><\/i> FAQ<\/span>\r\n <h2>Frequently Asked Questions<\/h2>\r\n <p>All FAQ sentences are fully visible on mobile and desktop with responsive text wrapping.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-wrap reveal\">\r\n <div class=\"faq-item active\">\r\n <button class=\"faq-question\">\r\n Do you provide complete destination management services in Bali for travel agents and direct guests?\r\n <i class=\"bi bi-chevron-down\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes, PT TODMC Bali Luxury provides complete destination management services including hotel coordination, private transfers, tours, activities, event support and ground handling in Bali.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Can you arrange private airport pickup, drop and transport throughout the Bali trip?\r\n <i class=\"bi bi-chevron-down\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes, we can arrange airport pickup, airport drop, chauffeur services, group transport and private vehicle arrangements based on guest requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Do you create customized Bali itineraries for honeymoon, family, group and corporate travel?\r\n <i class=\"bi bi-chevron-down\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes, we create customized itineraries for honeymooners, families, groups, luxury clients, corporate travel and MICE requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Can travel agencies contact TODMC Bali Luxury for B2B destination management support?\r\n <i class=\"bi bi-chevron-down\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes, travel agencies can contact us for B2B support, local coordination, ground handling, hotels, transfers, tours and Bali experience management.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n How can I send my enquiry for Bali destination management services?\r\n <i class=\"bi bi-chevron-down\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>You can fill the enquiry form on this website or directly contact us on WhatsApp using the floating WhatsApp button.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 12: Contact -->\r\n <section class=\"section contact\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"section-title reveal\">\r\n <span><i class=\"bi bi-envelope-paper-fill\"><\/i> Contact Us<\/span>\r\n <h2>Start Your Bali Enquiry<\/h2>\r\n <p>Send your travel requirement and our team will contact you with the best suitable plan.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-info reveal\">\r\n <h3>PT TODMC Bali Luxury<\/h3>\r\n <p>Destination Management Company based in Bali, offering premium travel and ground handling services.<\/p>\r\n\r\n <div class=\"contact-row\">\r\n <i class=\"bi bi-geo-alt-fill\"><\/i>\r\n <div>\r\n <strong>Location<\/strong>\r\n <p>Jl Pesonaku III Gg Tungjung Biru C10-Br Ambengan Pendugan-Denpasar Selatan, Bali 80222<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-row\">\r\n <i class=\"bi bi-telephone-fill\"><\/i>\r\n <div>\r\n <strong>Phone<\/strong>\r\n <p>+62 821 3103 277<br>+91 9501008889<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-row\">\r\n <i class=\"bi bi-envelope-fill\"><\/i>\r\n <div>\r\n <strong>Email<\/strong>\r\n <p>bali@todmc.com<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"social\">\r\n <a target=\"_blank\" href=\"https:\/\/www.facebook.com\/share\/194tnFAcvu\/?mibextid=wwXIfr\"><i class=\"bi bi-facebook\"><\/i><\/a>\r\n <a target=\"_blank\" href=\"https:\/\/www.instagram.com\/_todmc?igsh=MWZ4Mm5wM2l3bW5nMg==\"><i class=\"bi bi-instagram\"><\/i><\/a>\r\n <a target=\"_blank\" href=\"https:\/\/wa.me\/628213103277\"><i class=\"bi bi-whatsapp\"><\/i><\/a>\r\n <a href=\"mailto:bali@todmc.com\"><i class=\"bi bi-envelope\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <form class=\"contact-form reveal\" id=\"mainContactForm\">\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <input type=\"text\" id=\"name\" placeholder=\"Your Name\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <input type=\"tel\" id=\"phone\" placeholder=\"Phone Number\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <input type=\"email\" id=\"email\" placeholder=\"Email Address\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <select id=\"service\" required>\r\n <option value=\"\">Select Service<\/option>\r\n <option>Bali Tour Planning<\/option>\r\n <option>Hotel & Villa Coordination<\/option>\r\n <option>Private Transfers<\/option>\r\n <option>Weddings & Events<\/option>\r\n <option>MICE & Corporate Travel<\/option>\r\n <option>Luxury Experiences<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <textarea id=\"message\" placeholder=\"Tell us your travel requirement\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <button class=\"btn btn-primary\" type=\"submit\">\r\n <i class=\"bi bi-whatsapp\"><\/i> Submit on WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 13: Footer -->\r\n <footer>\r\n <div class=\"container footer-grid\">\r\n <div class=\"footer-col footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/purple-wombat-710155.hostingersite.com\/wp-content\/uploads\/2026\/07\/Untitled-design-1.png\" alt=\"TODMC Logo\">\r\n <p>PT TODMC Bali Luxury is a professional destination management company offering luxury travel, ground handling and Bali experience services.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>Quick Links<\/h3>\r\n <a href=\"#home\">Home<\/a>\r\n <a href=\"#founder\">Founder<\/a>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#destinations\">Destinations<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>Services<\/h3>\r\n <a href=\"#services\">Bali Tour Planning<\/a>\r\n <a href=\"#services\">Hotel Coordination<\/a>\r\n <a href=\"#services\">Private Transfers<\/a>\r\n <a href=\"#services\">Events & MICE<\/a>\r\n <a href=\"#services\">Luxury Experiences<\/a>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>Contact<\/h3>\r\n <p><i class=\"bi bi-geo-alt\"><\/i> Jl Pesonaku III Gg Tungjung Biru C10-Br Ambengan Pendugan-Denpasar Selatan, Bali 80222<\/p>\r\n <p><i class=\"bi bi-envelope\"><\/i> bali@todmc.com<\/p>\r\n <p><i class=\"bi bi-telephone\"><\/i> +62 821 3103 277<\/p>\r\n <p><i class=\"bi bi-phone\"><\/i> +91 9501008889<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"copyright\">\r\n <div class=\"container\">\r\n \u00a9 2026 PT TODMC Bali Luxury. All Rights Reserved.\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Popup Modal -->\r\n <div class=\"modal\" id=\"bookingModal\">\r\n <div class=\"modal-box\">\r\n <button class=\"modal-close\" id=\"modalClose\"><i class=\"bi bi-x\"><\/i><\/button>\r\n <h2>Send Bali Enquiry<\/h2>\r\n <p>Fill this short form and your enquiry will be sent directly on WhatsApp.<\/p>\r\n\r\n <form id=\"popupForm\">\r\n <div class=\"form-group\">\r\n <input type=\"text\" id=\"popupName\" placeholder=\"Your Name\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <input type=\"tel\" id=\"popupPhone\" placeholder=\"Phone Number\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <input type=\"email\" id=\"popupEmail\" placeholder=\"Email Address\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <select id=\"popupService\" required>\r\n <option value=\"\">Select Service<\/option>\r\n <option>Bali Tour Planning<\/option>\r\n <option>Hotel & Villa Coordination<\/option>\r\n <option>Private Transfers<\/option>\r\n <option>Weddings & Events<\/option>\r\n <option>MICE & Corporate Travel<\/option>\r\n <option>Luxury Experiences<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <textarea id=\"popupMessage\" placeholder=\"Travel date, number of guests and requirement\"><\/textarea>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary\" type=\"submit\" style=\"width:100%;\">\r\n <i class=\"bi bi-whatsapp\"><\/i> Submit on WhatsApp\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Floating Buttons -->\r\n <div class=\"floating-actions\">\r\n <a class=\"float-btn whatsapp\" target=\"_blank\" href=\"https:\/\/wa.me\/628213103277?text=Hello%20PT%20TODMC%20Bali%20Luxury,%20I%20want%20to%20know%20about%20your%20destination%20management%20services.\">\r\n <i class=\"bi bi-whatsapp\"><\/i>\r\n <\/a>\r\n <a class=\"float-btn call\" href=\"tel:+628213103277\">\r\n <i class=\"bi bi-telephone-fill\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Mobile Menu\r\n const hamburger = document.getElementById(\"hamburger\");\r\n const menu = document.getElementById(\"menu\");\r\n const menuOverlay = document.getElementById(\"menuOverlay\");\r\n\r\n function openMenu() {\r\n menu.classList.add(\"active\");\r\n menuOverlay.classList.add(\"active\");\r\n hamburger.classList.add(\"active\");\r\n document.body.classList.add(\"menu-open\");\r\n hamburger.setAttribute(\"aria-expanded\", \"true\");\r\n\r\n const icon = hamburger.querySelector(\"i\");\r\n icon.classList.remove(\"bi-list\");\r\n icon.classList.add(\"bi-x-lg\");\r\n }\r\n\r\n function closeMenu() {\r\n menu.classList.remove(\"active\");\r\n menuOverlay.classList.remove(\"active\");\r\n hamburger.classList.remove(\"active\");\r\n document.body.classList.remove(\"menu-open\");\r\n hamburger.setAttribute(\"aria-expanded\", \"false\");\r\n\r\n const icon = hamburger.querySelector(\"i\");\r\n icon.classList.add(\"bi-list\");\r\n icon.classList.remove(\"bi-x-lg\");\r\n }\r\n\r\n hamburger.addEventListener(\"click\", () => {\r\n menu.classList.contains(\"active\") ? closeMenu() : openMenu();\r\n });\r\n\r\n menuOverlay.addEventListener(\"click\", closeMenu);\r\n\r\n document.querySelectorAll(\".menu a\").forEach(link => {\r\n link.addEventListener(\"click\", closeMenu);\r\n });\r\n\r\n window.addEventListener(\"resize\", () => {\r\n if (window.innerWidth > 1050) closeMenu();\r\n });\r\n\r\n document.addEventListener(\"keydown\", (e) => {\r\n if (e.key === \"Escape\") closeMenu();\r\n });\r\n\r\n \/\/ Modal\r\n const bookingModal = document.getElementById(\"bookingModal\");\r\n const modalClose = document.getElementById(\"modalClose\");\r\n const openModalButtons = document.querySelectorAll(\".openModal\");\r\n\r\n openModalButtons.forEach(btn => {\r\n btn.addEventListener(\"click\", () => {\r\n bookingModal.classList.add(\"active\");\r\n document.body.style.overflow = \"hidden\";\r\n });\r\n });\r\n\r\n modalClose.addEventListener(\"click\", closeModal);\r\n\r\n bookingModal.addEventListener(\"click\", (e) => {\r\n if (e.target === bookingModal) closeModal();\r\n });\r\n\r\n function closeModal() {\r\n bookingModal.classList.remove(\"active\");\r\n document.body.style.overflow = \"\";\r\n }\r\n\r\n \/\/ FAQ\r\n document.querySelectorAll(\".faq-question\").forEach(question => {\r\n question.addEventListener(\"click\", () => {\r\n const item = question.parentElement;\r\n document.querySelectorAll(\".faq-item\").forEach(faq => {\r\n if (faq !== item) faq.classList.remove(\"active\");\r\n });\r\n item.classList.toggle(\"active\");\r\n });\r\n });\r\n\r\n \/\/ Reveal Animation\r\n const revealElements = document.querySelectorAll(\".reveal\");\r\n\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"active\");\r\n }\r\n });\r\n }, {\r\n threshold: 0.12\r\n });\r\n\r\n revealElements.forEach(el => revealObserver.observe(el));\r\n\r\n \/\/ Counter Animation\r\n const counters = document.querySelectorAll(\".counter\");\r\n let counterStarted = false;\r\n\r\n function startCounters() {\r\n counters.forEach(counter => {\r\n const target = +counter.dataset.count;\r\n let current = 0;\r\n const increment = Math.max(1, Math.ceil(target \/ 70));\r\n\r\n const updateCounter = () => {\r\n current += increment;\r\n if (current < target) {\r\n counter.textContent = current + \"+\";\r\n requestAnimationFrame(updateCounter);\r\n } else {\r\n counter.textContent = target + \"+\";\r\n }\r\n };\r\n\r\n updateCounter();\r\n });\r\n }\r\n\r\n const statsSection = document.querySelector(\".stats\");\r\n\r\n const counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting && !counterStarted) {\r\n counterStarted = true;\r\n startCounters();\r\n }\r\n });\r\n }, {\r\n threshold: 0.35\r\n });\r\n\r\n counterObserver.observe(statsSection);\r\n\r\n \/\/ WhatsApp Form Submit\r\n const whatsappNumber = \"628213103277\";\r\n\r\n function sendToWhatsApp(name, phone, email, service, message) {\r\n const text =\r\n `Hello PT TODMC Bali Luxury,%0A%0A` +\r\n `I want to enquire about your destination management services.%0A%0A` +\r\n `Name: ${encodeURIComponent(name)}%0A` +\r\n `Phone: ${encodeURIComponent(phone)}%0A` +\r\n `Email: ${encodeURIComponent(email || \"Not provided\")}%0A` +\r\n `Service: ${encodeURIComponent(service)}%0A` +\r\n `Message: ${encodeURIComponent(message || \"Please contact me with details.\")}%0A%0A` +\r\n `Thank you.`;\r\n\r\n window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${text}`, \"_blank\");\r\n }\r\n\r\n document.getElementById(\"mainContactForm\").addEventListener(\"submit\", function(e) {\r\n e.preventDefault();\r\n\r\n const name = document.getElementById(\"name\").value.trim();\r\n const phone = document.getElementById(\"phone\").value.trim();\r\n const email = document.getElementById(\"email\").value.trim();\r\n const service = document.getElementById(\"service\").value;\r\n const message = document.getElementById(\"message\").value.trim();\r\n\r\n sendToWhatsApp(name, phone, email, service, message);\r\n });\r\n\r\n document.getElementById(\"popupForm\").addEventListener(\"submit\", function(e) {\r\n e.preventDefault();\r\n\r\n const name = document.getElementById(\"popupName\").value.trim();\r\n const phone = document.getElementById(\"popupPhone\").value.trim();\r\n const email = document.getElementById(\"popupEmail\").value.trim();\r\n const service = document.getElementById(\"popupService\").value;\r\n const message = document.getElementById(\"popupMessage\").value.trim();\r\n\r\n sendToWhatsApp(name, phone, email, service, message);\r\n closeModal();\r\n });\r\n\r\n \/\/ Hero Image Rotation\r\n const heroSlides = document.querySelectorAll(\".hero-slide\");\r\n let heroIndex = 0;\r\n\r\n if (heroSlides.length) {\r\n setInterval(() => {\r\n heroSlides[heroIndex].classList.remove(\"active\");\r\n heroIndex = (heroIndex + 1) % heroSlides.length;\r\n heroSlides[heroIndex].classList.add(\"active\");\r\n }, 3200);\r\n }\r\n\r\n \/\/ Our Country Destinations Slider\r\n const countryTrack = document.getElementById(\"countryTrack\");\r\n const countryCards = document.querySelectorAll(\".country-card\");\r\n const countryPrev = document.querySelector(\".country-prev\");\r\n const countryNext = document.querySelector(\".country-next\");\r\n const countryDots = document.querySelectorAll(\"#countryDots button\");\r\n let countryIndex = 0;\r\n\r\n function updateCountrySlider() {\r\n if (!countryTrack) return;\r\n\r\n countryTrack.style.transform = `translateX(-${countryIndex * 100}%)`;\r\n\r\n countryDots.forEach((dot, index) => {\r\n dot.classList.toggle(\"active\", index === countryIndex);\r\n });\r\n }\r\n\r\n function nextCountrySlide() {\r\n if (!countryCards.length) return;\r\n countryIndex = (countryIndex + 1) % countryCards.length;\r\n updateCountrySlider();\r\n }\r\n\r\n function prevCountrySlide() {\r\n if (!countryCards.length) return;\r\n countryIndex = (countryIndex - 1 + countryCards.length) % countryCards.length;\r\n updateCountrySlider();\r\n }\r\n\r\n if (countryNext && countryPrev) {\r\n countryNext.addEventListener(\"click\", nextCountrySlide);\r\n countryPrev.addEventListener(\"click\", prevCountrySlide);\r\n }\r\n\r\n countryDots.forEach((dot, index) => {\r\n dot.addEventListener(\"click\", () => {\r\n countryIndex = index;\r\n updateCountrySlider();\r\n });\r\n });\r\n\r\n if (countryCards.length) {\r\n setInterval(nextCountrySlide, 4200);\r\n }\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PT TODMC Bali Luxury | Destination Management Company Jl Pesonaku III Gg Tungjung Biru C10-Br Ambengan Pendugan-Denpasar Selatan, Bali 80222 bali@todmc.com +62 821 3103 277 +91 9501008889 Home Founder Services Destinations Experiences FAQ Contact Get a Quote Premium Destination Management Company Luxury Bali Travel, Managed With Perfection PT TODMC Bali Luxury is a Destination Management […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/todmc.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/todmc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/todmc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/todmc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/todmc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":7,"href":"https:\/\/todmc.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/todmc.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/todmc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}