/*
Theme Name: Car Rental Hub
Template: automobile-hub
Text Domain: car-rental-hub
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-car-rental-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Car Rental Hub is an excellent theme for auto, automotive, car, car dealer, Auto Parts, Car Maintenance, Vehicle Financing, Car Rentals, Automotive Services, Car Insurance, Car Repair, Auto Body Shop, Car Accessories, Auto Sales, Pre-Owned Vehicles, New Cars, Auto Leasing, Vehicle Inspections, Car Customization, Auto Detailing, Automotive Technology, Electric Vehicles, Auto Auctions, Car Warranties, car dealership, dealership, directory, inventory management, listing, listings, motorcycle, truck, vehicle, vehicle listing search types of businesses who want to establish their website. With this theme, anyone can attract potential clients as its structure is stunning and the theme is loaded with features. If you want to build your career in this field, then you must consider our theme. The car rental hub theme is completely optimized with SEO, and it also supports all SEO plugins. Moreover, the theme has a custom mega menu option, header layout options, hundreds of google font options, and even a color management option to customize the website. Easy features can give you the satisfaction of customizing everything. It also comes with social media integration and has compatibility with Woocommerce. Social media icons, such as Instagram and Facebook, are present to help showcase your work and promote services. This theme is ideal for driving courses and driving school. It is a powerful and responsive theme that can be used on any device.
Tags:  wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, flexible-header,featured-image-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, blog, e-commerce, photography
Version: 4.1
Tested up to: 6.6
Requires PHP: 5.6
Requires at least: 5.0
*/

h1, h2, h3, h4, h5, h6,body,p.simplep,#theme-sidebar button[type="submit"], #footer button[type="submit"],.more-btn a,.main-navigation a{
    font-family: 'Lato', sans-serif;
}
.page-box h4 a{
    letter-spacing: unset;
}

.logo h1 a:hover, .logo p.site-title a:hover, #theme-sidebar h3,#theme-sidebar .widget_tag_cloud a:hover, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading,a,.box-content a, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,.main-navigation a:hover,.search-box i,#theme-sidebar h3,#theme-sidebar a:hover,.headerbox i:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,.social-media i:hover,#about h3,#main-content a{
    color: #e81c2e;
}
.prev.page-numbers, .next.page-numbers,.page-numbers,#theme-sidebar button[type="submit"], #footer button[type="submit"],#theme-sidebar .tagcloud a:hover,.headerbox i, .more-btn i,.headerbox i:after,#comments input[type="submit"],span.meta-nav,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,#return-to-top,.error-404 [type="submit"],button[type="submit"],.site-info,.more-btn a,.email{
    background: #e81c2e;
}
.search_inner form.search-form,#theme-sidebar .widget_tag_cloud a:hover{
    border-color: #e81c2e;
}
#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover{
    color: #e81c2e;
    border-color: #e81c2e;
}
#theme-sidebar .wp-block-search .wp-block-search__label:before, #theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before, #theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before{
    background-color: #e81c2e;
}
.page-box,#theme-sidebar section{
    border-bottom-color: #e81c2e;
    border-left-color: #e81c2e;
}
h1, h2, h3, h4, h5, h6,.comment-body,.comment-metadata a.comment-edit-link,.box-info i,.logo h1 a,.logo p.site-title a, a:hover,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,.main-navigation a,nav.woocommerce-MyAccount-navigation ul li a,nav.woocommerce-MyAccount-navigation ul li{
    color: #161921;
}
#footer,.more-btn a:hover,.headerbox i:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,#slider,.call{
    background: #161921;
}

body,.logo p,.page-box p,#theme-sidebar a,.box-info span,#theme-sidebar li,p.simplep{
    color: #808080;
}
.main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after {
    color: #222222;
}
.headerbox{
    background: transparent;
    padding: 10px;
}
#mySidenav {
    justify-content: flex-end;
}
p.simplep a{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}
.logo h1, .logo p.site-title {
    font-size: 25px;
    font-family: 'Lato', sans-serif;
}
.menubar{
    border: none;
}
.main-navigation li,.main-navigation li:last-child,.search-box i{
    border: none;
}
.main-navigation a{
    font-weight: 700;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
    border-bottom: 1px solid #3e3e3e;
}
.social-media i,.search-box i,#about a,.more-btn a:hover,#footer li a,#footer .tagcloud a,#footer .textwidget,#footer li,#footer th, #footer td,#footer tr,.site-info p,p.infotext,p.simplep,.car-inner-content h3 a{
    color: #fff;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    color: #fff !important;
}
p.simplep a:hover{
    color: #fff;
}
#footer h3,#footer .widget_rss li,#footer .tagcloud a,#footer th, #footer td,#footer tr,#footer table#wp-calendar{
    border-color: #fff;
}
.woocommerce ul.products li.product a {
    text-decoration: none !important;
}
.readmore-btn a{
    border-color: #e81c2e;
}
.readmore-btn a:hover{
    border-color: #161921;
}
.box-info i{
    color: #e81c2e;
}
.wc-block-cart__submit-container a,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    background: #e81c2e;
}
.main-navigation a{
    font-size: 14px;
    font-weight: 600 !important;
}
/* Slider Css  */

#slider img {
    opacity: 0.4;
}
#slider .inner_carousel h1 a{
    font-size: 55px;
    font-weight: bold;
}
#slider .carousel-caption {
    right: 50%;
}
.more-btn{
    display: inline-block;
}
.more-btn a {
    padding: 15px 30px;
    font-size: 15px;
}
.more-btn i{
    display: none;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    border-radius: 0;
}
#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
  background: #000000;
  color: #fff;
}

.stick_head{
  left: 0;
}
.stick_head #mySidenav{
  justify-content: center;
}

/* Contact Info Css  */

p.infotext {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
p.simplep {
    font-size: 20px;
}
#contact-info i {
    font-size: 40px;
    color: #fff;
}

/* Best Car Deal Css  */

p.section_text {
    width: 50%;
    margin: 0 auto;
}
.cat-inner-box {
    box-shadow: 0px 6px 12px 0px #ababab;
}
.cat-inner-box img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.featured-car-box p {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.featured-car-box p.border-white{
    border-right: 1px solid #fff;
}
.featured-car-box {
    background: #161921;
    padding: 15px 10px;
}
.car-inner-content {
    background: #e81c2e;
    padding: 15px 10px;
}
.car-inner-content h2{
    line-height: 1;
}
.car-inner-content h2 a {
    font-size: 18px;
    color: #fff;
}
.car-inner-content h2 a:hover{
    color: #000;
}
.car-inner-content p {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.site-info a{
  color: #fff;
}

.center2 .ring::before{
  background: #e81c2e;
}

.center2 {
    border-left-color: #e81c2e;
    border-top-color: #e81c2e;
}

nav.woocommerce-MyAccount-navigation ul li:hover{
  background: #e81c2e;
}
.post_tag a{
    color:#808080; 
}

@media screen and (max-width: 767px){
    .logo {
        text-align: left;
    }
    .toggle-nav button,.sidenav .closebtn i{
        color: #e81c2e;
    }
    .menubar,a.closebtn i {
        background: transparent;
    }
    .headerbox i{
        border-radius: 0;
        padding: 5px;
    }
    .sidenav{
       background: #161921;
    }
    #tp_content,#slider .inner_carousel {
        text-align: center;
    }
    #about img {
        padding-top: 15px;
    }
    p.section_text{
        width: auto;
    }
    .stick_head{
      margin:0px;
      position: static;
    }
    .menubar.login-user.stick_head{
      margin-top:0px;
    }
    #slider .inner_carousel h1 a{
        font-size: 18px;
        margin-left: 16px;
    }
    #slider .more-btn a{
        font-size: 10px;
        padding: 11px 8px;
    }
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
        padding: 4px 8px;
    }
    #about .more-btn a{
        padding: 8px 12px;
    }
    #contact-info i {
        font-size: 28px;
    }
    p.infotext {
        font-size: 15px;
    }
    p.simplep {
        font-size: 18px;
    }
    #slider img{
        height: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
    .toggle-nav button{
        color: #e81c2e;
    }
    .logo {
        text-align: left;
    }
    .sidenav .closebtn i{
        color: #e81c2e;
    }
    .menubar,a.closebtn i {
        background: transparent;
    }
    .headerbox i{
        border-radius: 0;
    }
    .toggle-nav{
        text-align: right;
    }
    p.infotext,p.simplep{
        font-size: 13px;
    }
    #slider .inner_carousel h1 a{
        font-size: 38px;
    }
    .menubar.login-user.stick_head {
    margin-top: 46px;
    background: #fff;
}
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
        padding: 6px 11px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    #slider .inner_carousel h1 a{
        font-size: 40px;
    }
    p.infotext,p.simplep{
        font-size: 15px;
    }
}
@media screen and (max-width: 767px) and (min-width: 561px){
    #slider .inner_carousel h1 a {
        font-size: 30px;
    }
    #slider .inner_carousel p {
        font-size: 18px;
    }
    #slider .more-btn a{
        padding: 8px 15px;
        font-size: 15px;
    }
    #contact-info i {
        font-size: 28px;
    }
    p.infotext {
        font-size: 15px;
    }
    p.simplep {
        font-size: 18px;
    }
}
@media screen and (max-width: 560px){
    #return-to-top i{
        left: 0;
    }
}
/* Center all tables on the services page */
.services-container {
    display: grid; /* Use grid layout for better structure */
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Responsive columns */
    gap: 20px; /* Space between tables */
    justify-items: center; /* Center items in grid */
    margin: 40px 0; /* Add vertical margin to the container */
}

/* Style for each package table */
.package-table, .other-table {
    background-color: #ffebee; /* Soft pink background for a cute look */
    border: 1px solid #f8bbd0; /* Light pink border for subtle separation */
    border-radius: 15px; /* More pronounced rounded corners */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    padding: 20px; /* Padding inside the table */
    text-align: center; /* Center text inside the table */
    transition: transform 0.3s; /* Animation effect for hover */
    width: 100%; /* Full width to match the column size */
}

/* Title style for each table */
.package-table h2, .other-table h2 {
    font-family: 'Verdana', sans-serif; /* Font style for titles */
    color: #D5006D; /* Bright pink color for titles */
    margin-bottom: 15px; /* Space below the title */
    font-size: 1.8em; /* Increased font size for emphasis */
}

/* Table style */
.package-table table, .other-table table {
    width: 100%; /* Make the table full width */
    border-collapse: collapse; /* Remove double borders */
    margin-top: 10px; /* Space above the table */
}

/* Header style */
.package-table th, .other-table th {
    background-color: #ff80ab; /* Light pink for header */
    color: white; /* White text color for contrast */
    padding: 12px; /* Padding for header cells */
    border-bottom: 2px solid #f50057; /* Dark pink bottom border for header */
}

/* Cell style */
.package-table td, .other-table td {
    border: 1px solid #f8bbd0; /* Light pink border for table cells */
    padding: 10px; /* Padding for table cells */
    color: #4A2C4A; /* Dark text color */
}

/* Hover effect for table rows */
.package-table tr:hover, .other-table tr:hover {
    background-color: rgba(255, 105, 180, 0.3); /* Light pink hover effect */
}

/* Hover effect for package table */
.package-table:hover, .other-table:hover {
    transform: translateY(-5px); /* Lift effect on hover */
}

/* Optional: Add a button style */
.package-table .cta-button {
    background-color: #D5006D; /* Button background color */
    color: white; /* Button text color */
    border: none; /* Remove border */
    padding: 10px 15px; /* Button padding */
    border-radius: 8px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor */
    margin-top: 15px; /* Space above the button */
    transition: background-color 0.3s; /* Smooth transition */
}

/* Button hover effect */
.package-table .cta-button:hover {
    background-color: #C51162; /* Darker pink shade on hover */
}

/* Styles for other tables */
.other-table {
    margin-top: 20px; /* Space above other tables */
}

/* Centering the tables on the page */
.services-container {
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically if needed */
    flex-wrap: wrap; /* Wrap items if necessary */
}