.elementor-380 .elementor-element.elementor-element-fe671c5{--display:flex;}/* Start custom CSS for container, class: .elementor-element-fe671c5 *//* Elementor fix for Rexxa17 HTML */
.elementor-widget-html .hero-content h1,
.elementor-widget-html .hero-content h1 span,
.elementor-widget-html main h1,
.elementor-widget-html main h2,
.elementor-widget-html main h3,
.elementor-widget-html section h1,
.elementor-widget-html section h2,
.elementor-widget-html section h3,
.elementor-widget-html .card h3,
.elementor-widget-html .fleet-card h3,
.elementor-widget-html .mini-card h3,
.elementor-widget-html .tour-feature h3,
.elementor-widget-html .tour-feature-content h3,
.elementor-widget-html .gallery-caption h3,
.elementor-widget-html .footer h3 {
  color: #f5f5f5 !important;
  font-family: "Playfair Display", Georgia, serif !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.elementor-widget-html .hero-content h1 {
  color: #ffffff !important;
  font-size: clamp(52px, 8vw, 96px) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.elementor-widget-html .hero-content h1 .gold-text,
.elementor-widget-html .gold-text {
  color: #d4a574 !important;
}

.elementor-widget-html h2 {
  color: #f5f5f5 !important;
  font-size: clamp(38px, 5vw, 66px) !important;
  font-weight: 800 !important;
}

.elementor-widget-html h3 {
  color: #f5f5f5 !important;
  font-size: 26px !important;
  font-weight: 800 !important;
}

.elementor-widget-html .price {
  display: block !important;
  color: #d4a574 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.elementor-widget-html .eyebrow {
  color: #d4a574 !important;
}

.elementor-widget-html p,
.elementor-widget-html .lead,
.elementor-widget-html .check,
.elementor-widget-html .meta,
.elementor-widget-html .pill {
  color: #a1a1aa !important;
}

/* Fix outline buttons and icons inside Elementor HTML widget */
.elementor-widget-html .btn-outline,
.elementor-widget-html a.btn-outline,
.elementor-widget-html .button-row .btn-outline,
.elementor-widget-html .btn.btn-outline {
  color: #f5f5f5 !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.elementor-widget-html .btn-outline:hover,
.elementor-widget-html a.btn-outline:hover,
.elementor-widget-html .button-row .btn-outline:hover,
.elementor-widget-html .btn.btn-outline:hover {
  color: #d4a574 !important;
  border-color: #d4a574 !important;
  background: rgba(212, 165, 116, 0.08) !important;
}

/* Keep primary buttons black text */
.elementor-widget-html .btn-primary,
.elementor-widget-html a.btn-primary,
.elementor-widget-html .btn.btn-primary {
  color: #0a0a0f !important;
}

/* Fix icons and small icon boxes */
.elementor-widget-html svg,
.elementor-widget-html svg *,
.elementor-widget-html i,
.elementor-widget-html .service-icon,
.elementor-widget-html .brand-mark,
.elementor-widget-html .contact-item svg,
.elementor-widget-html .footer svg {
  color: #d4a574 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Logo mark text should stay dark */
.elementor-widget-html .brand-mark {
  color: #0a0a0f !important;
}

/* Social/contact square buttons */
.elementor-widget-html .social a,
.elementor-widget-html .social-icon,
.elementor-widget-html .contact-social a,
.elementor-widget-html a[aria-label],
.elementor-widget-html .contact-list a {
  color: #f5f5f5 !important;
}

.elementor-widget-html .social a:hover,
.elementor-widget-html .social-icon:hover,
.elementor-widget-html .contact-social a:hover,
.elementor-widget-html a[aria-label]:hover {
  color: #0a0a0f !important;
  background: #d4a574 !important;
  border-color: #d4a574 !important;
}

.elementor-widget-html a[href="#fleet"],
.elementor-widget-html a[href="#tour-packages"],
.elementor-widget-html a[href*="tour"],
.elementor-widget-html a[href*="fleet"] {
  color: #f5f5f5 !important;
  -webkit-text-fill-color: #f5f5f5 !important;
  opacity: 1 !important;
}

.elementor-widget-html a[href="#fleet"]:hover,
.elementor-widget-html a[href="#tour-packages"]:hover {
  color: #d4a574 !important;
  -webkit-text-fill-color: #d4a574 !important;
}

.elementor-widget-html #top h1,
.elementor-widget-html section#top h1 {
  font-size: clamp(64px, 7.4vw, 70px) !important;
  line-height: 1 !important;
  color: #ffffff !important;
}

/* Footer Explore menu color fix */
.elementor-widget-html .footer a,
.elementor-widget-html .footer li,
.elementor-widget-html footer a,
.elementor-widget-html footer li,
.elementor-widget-html .footer ul li a,
.elementor-widget-html .footer ul li {
  color: rgba(255, 255, 255, 0.68) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.elementor-widget-html .footer a:hover,
.elementor-widget-html footer a:hover,
.elementor-widget-html .footer ul li a:hover {
  color: #d4a574 !important;
  -webkit-text-fill-color: #d4a574 !important;
}

.elementor-widget-html nav button.group.text-left,
.elementor-widget-html nav a.group.text-left {
  position: relative !important;
  width: 230px !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

.elementor-widget-html nav button.group.text-left > div,
.elementor-widget-html nav a.group.text-left > div {
  display: none !important;
}

.elementor-widget-html nav button.group.text-left::before,
.elementor-widget-html nav a.group.text-left::before {
  content: "" !important;
  display: block !important;
  width: 620px !important;
  height: 254px !important;
  background-image: url("https://batamtransporttour.com/wp-content/uploads/2026/06/Logo-Batam-Transport-Tour2.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

/* FORCE FIX heading sizes inside Elementor HTML */
.elementor-widget-html [class*="font-display"] {
  font-family: "Playfair Display", Georgia, serif !important;
  color: #f5f5f5 !important;
}

/* Hero title: first large title area */
.elementor-widget-html section:first-of-type h1,
.elementor-widget-html section:first-of-type [class*="text-5xl"],
.elementor-widget-html section:first-of-type [class*="text-6xl"],
.elementor-widget-html section:first-of-type [class*="text-7xl"] {
  font-size: 44px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
}

/* Section titles */
.elementor-widget-html section h2,
.elementor-widget-html section [class*="text-4xl"],
.elementor-widget-html section [class*="text-5xl"],
.elementor-widget-html section [class*="text-6xl"] {
  font-size: 48px !important;
  line-height: 1.08 !important;
}

/* Card titles: prevent huge card text */
.elementor-widget-html article h2,
.elementor-widget-html article h3,
.elementor-widget-html button h2,
.elementor-widget-html button h3,
.elementor-widget-html [class*="card"] h2,
.elementor-widget-html [class*="card"] h3,
.elementor-widget-html [class*="rounded-2xl"] h2,
.elementor-widget-html [class*="rounded-2xl"] h3,
.elementor-widget-html [class*="rounded-3xl"] h2,
.elementor-widget-html [class*="rounded-3xl"] h3 {
  font-size: 26px !important;
  line-height: 1.15 !important;
}

/* Gallery image overlay titles */
.elementor-widget-html [class*="absolute"] h2,
.elementor-widget-html [class*="absolute"] h3 {
  font-size: 44px !important;
  line-height: 1.08 !important;
}

/* Service page giant titles */
.elementor-widget-html button[class*="rounded"] h2,
.elementor-widget-html button[class*="rounded"] h3 {
  font-size: 25px !important;
  line-height: 1.12 !important;
}

/* Contact page title */
.elementor-widget-html #contact h1,
.elementor-widget-html [id="contact"] h1 {
  font-size: 54px !important;
  line-height: 1.08 !important;
}

/* Contact image WhatsApp text */
.elementor-widget-html #contact h2,
.elementor-widget-html [id="contact"] h2 {
  font-size: 34px !important;
  line-height: 1.08 !important;
}

/* Fleet/unit image positioning fix */
.elementor-widget-html .fleet-card img,
.elementor-widget-html img[alt="HiAce Commuter"],
.elementor-widget-html img[alt="Toyota Avanza"],
.elementor-widget-html img[alt="Toyota Innova Zenix"],
.elementor-widget-html img[alt="Toyota Fortuner"],
.elementor-widget-html img[alt="Mitsubishi Pajero Sport"],
.elementor-widget-html img[alt="Toyota Innova Reborn"],
.elementor-widget-html img[alt="Toyota Innova Reborn"],
.elementor-widget-html img[alt="Toyota Alphard"],
.elementor-widget-html img[alt="Toyota HiAce Premio"],
.elementor-widget-html img[alt="Toyota HiAce Premio"],
.elementor-widget-html img[alt="Mitsubishi Elf Long"],
.elementor-widget-html img[alt="Meedium Bus"],
.elementor-widget-html img[alt="Big Bus"]{
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  object-position: center bottom !important;
}

.elementor-widget-html .text-gradient-gold,
.elementor-widget-html .price,
.elementor-widget-html .r17-price {
  color: #d4a574 !important;
  -webkit-text-fill-color: #d4a574 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fix featured fleet image position */
.elementor-widget-html #fleet img,
.elementor-widget-html [id="fleet"] img {
  object-fit: cover !important;
  object-position: center center !important;
}

/* Specifically fix the large selected car image on fleet page */
.elementor-widget-html #fleet .aspect-\[16\/10\] img,
.elementor-widget-html [id="fleet"] .aspect-\[16\/10\] img {
  object-position: center 58% !important;
}

/* Footer logo: use landscape logo like header */
.elementor-widget-html footer .flex.items-center.gap-2.mb-4,
.elementor-widget-html .footer .flex.items-center.gap-2.mb-4 {
  display: block !important;
  width: 220px !important;
  height: 150px !important;
  background-image: url("https://batamtransporttour.com/wp-content/uploads/2026/06/Logo-Batam-Transport-Tour2.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}

/* Hide old icon and text inside footer logo block */
.elementor-widget-html footer .flex.items-center.gap-2.mb-4 > *,
.elementor-widget-html .footer .flex.items-center.gap-2.mb-4 > * {
  display: none !important;
}

/* ===============================
   Fleet card image uniform fix
   =============================== */

.elementor-widget-html #fleet .group .aspect-\[4\/3\],
.elementor-widget-html [id="fleet"] .group .aspect-\[4\/3\],
.elementor-widget-html #fleet [class*="aspect-[4/3]"],
.elementor-widget-html [id="fleet"] [class*="aspect-[4/3]"] {
  height: 230px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: #0a0a0f !important;
}

.elementor-widget-html #fleet .group .aspect-\[4\/3\] img,
.elementor-widget-html [id="fleet"] .group .aspect-\[4\/3\] img,
.elementor-widget-html #fleet [class*="aspect-[4/3]"] img,
.elementor-widget-html [id="fleet"] [class*="aspect-[4/3]"] img {
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* For bus images that appear too low/high */
.elementor-widget-html img[alt="Medium Bus"] {
  object-position: center 35% !important;
}

.elementor-widget-html img[alt="Big Bus"] {
  object-position: center45% !important;
}

.elementor-widget-html img[alt="Mitsubishi Elf Long"] {
  object-position: center 55% !important;
}

.elementor-widget-html .font-display.text-2xl.font-bold.text-\[\#d4a574\],
.elementor-widget-html .text-\[\#d4a574\] {
  color: #d4a574 !important;
  -webkit-text-fill-color: #d4a574 !important;
}

/* Social media icon buttons */
.elementor-widget-html .social-icons,
.elementor-widget-html .footer-social,
.elementor-widget-html .medsos-icons {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

.elementor-widget-html .social-icons a,
.elementor-widget-html .footer-social a,
.elementor-widget-html .medsos-icons a {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.72) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transition: all .25s ease !important;
}

.elementor-widget-html .social-icons a:hover,
.elementor-widget-html .footer-social a:hover,
.elementor-widget-html .medsos-icons a:hover {
  background: #d4a574 !important;
  border-color: #d4a574 !important;
  color: #0a0a0f !important;
  -webkit-text-fill-color: #0a0a0f !important;
  transform: translateY(-2px);
}

.elementor-widget-html .social-icons i,
.elementor-widget-html .footer-social i,
.elementor-widget-html .medsos-icons i {
  font-size: 16px !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

.elementor-widget-html .social-icons svg,
.elementor-widget-html .footer-social svg,
.elementor-widget-html .medsos-icons svg {
  width: 17px !important;
  height: 17px !important;
  color: currentColor !important;
  fill: currentColor !important;
}

.elementor-widget-html a.fixed[href*="wa.me"] svg {
  display: none !important;
}

.elementor-widget-html a.fixed[href*="wa.me"] {
  background-color: #25D366 !important;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg") !important;
  background-size: 38px 38px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}/* End custom CSS */