.elementor-kit-47{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-47 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>RMODA Rent-a-Car</title>
  <style>
    body {
      margin: 0;
      font-family: 'Segoe UI', sans-serif;
      background-color: #f5f5f5;
      color: #111;
    }
    header {
      background-color: #f5f5f5;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 50px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    header img {
      height: 40px;
    }
    nav a {
      margin-left: 30px;
      text-decoration: none;
      color: #111;
      font-weight: 600;
    }
    .hero {
      text-align: left;
      padding: 80px 50px 0;
      position: relative;
    }
    .hero h1 {
      font-size: 48px;
      font-weight: 900;
      line-height: 1.2;
      max-width: 700px;
    }
    .hero h1 span {
      font-style: italic;
      font-size: 64px;
      display: block;
    }
    .hero img {
      position: absolute;
      right: 50px;
      bottom: 0;
      max-width: 600px;
    }
    .whatsapp {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: #25D366;
      border-radius: 50%;
      padding: 15px;
    }
    .whatsapp img {
      width: 30px;
      height: 30px;
    }
  </style>
</head>
<body>

<header>
  <img src="https://i.imgur.com/9fRR0bG.png" alt="RMODA Logo"/> <!-- Ganti dengan logo Anda -->
  <nav>
    <a href="#">RENT-A-CAR</a>
    <a href="#">S&K</a>
    <a href="#">ABOUT US</a>
    <a href="#">BLOG</a>
    <a href="#">CONTACT</a>
  </nav>
</header>

<section class="hero">
  <h1>TRANSPORTATION SERVICE <br><span>AT YOUR CHOICE</span></h1>
  <img src="https://i.imgur.com/hh3QJ7W.png" alt="SUV Image" /> <!-- Ganti dengan mobil Anda -->
</section>

<a href="https://wa.me/1234567890" class="whatsapp" target="_blank">
  <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" />
</a>

</body>
</html>/* End custom CSS */