/*
Theme Name: Car Rental Service Pro
Theme URI: https://www.omegathemes.com/products/car-rental-wordpress-theme
Author: Omegathemes
Author URI: https://www.omegathemes.com/
Description: 
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: car-rental-service-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Car Rental Service Pro WordPress Theme has been created by Omegathemes(omegathemes.com), 2025.
Car Rental Service Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
:root{
  --font-inter: 'Inter', sans-serif;
  --font-almarai: 'Almarai', sans-serif;
}
.bypostauthor {
  font-weight: 600;
}
.contact-box {
    padding-bottom: 40px;
}
html {
    overflow-x: hidden;
}
/* Preloader Wrapper */
#preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #f4f4f4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.road {
  width: 250px;
  height: 5px;
  background: #222;
  position: relative;
  overflow: hidden;
}

.car-container {
  width: 140px;
  animation: drive 3s linear infinite;
  position: relative;
}

.wheel {
  width: 20px;
  height: 20px;
  background: black;
  border-radius: 50%;
  position: absolute;
  bottom: -10px;
  animation: spin 0.5s linear infinite;
}

.wheel:first-child { left: 20px; }
.wheel:last-child { right: 20px; }

.fuel-loader {
  width: 120px;
  height: 10px;
  background: #ddd;
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  top: 65px;
}
.preload {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fuel-fill {
  width: 0;
  height: 100%;
  background: #ffcc00;
  animation: fill 2s ease-in-out infinite;
}

/* Animations */
@keyframes drive {
  0% { transform: translateX(-150px); }
  100% { transform: translateX(150px); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes fill {
  0% { width: 0; }
  100% { width: 100%; }
}