/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.18.1766993861
Updated: 2025-12-29 07:37:41

*/

a.btn {
    background-color: #f36c4f;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
}

.ast-single-entry-banner-custom {
    position: relative;
    background: var(--ast-title-layout-bg);
}

.ast-builder-menu-1 .menu-item > .menu-link {
    color: var(--ast-global-color-0);
    font-weight:600;
    text-transform:uppercase;
    font-size:14px;
}


.ast-separate-container {
    background-color: #fff;
}
/*.ast-site-title-wrap {
    display: none;
}*/

/******form**********/

/* Apply consistent box sizing to all elements */
* {
    box-sizing: border-box; /* Ensures padding and border are included in width */
}

/* Style the main form heading */
h3 {
    width: 100%; /* Makes heading span full width */
    margin-bottom: 16px; /* Adds space below heading */
}

/* Wrapper for each row in the form */
.form-col-1 {
    display: grid; /* Enables grid layout */
    grid-template-columns: 1fr; /* Single column by default for mobile */
    gap: 16px; /* Space between columns */
    margin-bottom: 16px; /* Space between rows */
    width: 100%; /* Full width row */
}

/* Individual column styling */
.col-2-2 {
    width: 100%; /* Makes column span full available width */
}

/* Style labels */
label {
    display: block; /* Forces label to occupy full width */
    margin-bottom: 6px; /* Space below label */
}

/* Style all input, select, and textarea fields */
input,
select,
textarea {
    width: 100%; /* Makes form controls full width */
    padding: 10px; /* Adds inner spacing */
    border: 1px solid #cccccc; /* Light border for clarity */
    border-radius: 4px; /* Slightly rounded corners */
    font-size: 14px; /* Readable font size */
}

/* Style textarea specifically */
textarea {
    min-height: 120px; /* Ensures adequate height for messages */
    resize: vertical; /* Allows vertical resizing only */
}

/* Tablet breakpoint for two-column layout */
@media (min-width: 768px) {
    .form-col-1 {
        grid-template-columns: 1fr 1fr; /* Two equal-width columns */
    }

    /* Force full-width rows when only one field is present */
    .form-col-1:has(textarea),
    .form-col-1:has(input[type="submit"]),
    .form-col-1:has(.wpcf7-submit) {
        grid-template-columns: 1fr; /* Single column for message and submit */
    }
}

/* Style submit button */

/* Apply box sizing to include padding and border in width calculation */
* {
    box-sizing: border-box; /* Ensures consistent element sizing */
}

/* Full width row container */
.form-col-1 {
    width: 100%; /* Makes the row span full width */
    display: flex; /* Enables flexible layout */
    flex-wrap: wrap; /* Allows columns to wrap on smaller screens */
}

.form-col-1 p{
	margin-bottom:0px;
}
/* Half width column */
.col-2-2 {
    width: 48%; /* Makes column take half of the row width */
}

/* Make columns full width on small screens */
@media (max-width: 767px) {
    .col-2-2 {
        width: 100%; /* Stacks columns vertically on mobile */
    }
}

/* Style labels */
label {
    display: block; /* Ensures label occupies full width */
    margin-bottom: 6px; /* Space below label */
    font-weight: 300; /* Semi-bold label text */
}

/* Style form fields */
input,
textarea {
    width: 100%; /* Full width input fields */
    padding: 10px; /* Inner spacing */
    border: 1px solid #cccccc; /* Light border */
    border-radius: 4px; /* Rounded corners */
    font-size: 14px; /* Readable font size */
}

/* Style textarea separately */
textarea {
    min-height: 120px; /* Adequate height for message */
}

select.wpcf7-form-control.wpcf7-select {
    width: auto;
	float: left;
    margin-right: 5px;
}

/**************banner***************/
.overlay {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage-banner h1 {
    color: #fff;
    text-align: center;
	line-height: normal;
}

section.homepage-banner {
    //background: url(https://nepalvehiclerental.com/wp-content/uploads/car-rental-banner.jpeg) no-repeat center center / cover;
    background: url(https://nepalvehiclerental.com/smile-car-banner.jpg) no-repeat center center / cover;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    text-align: center;
    font-family: Arial, sans-serif;
margin-bottom:0px;
}

/***********new***********/

.vehicles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    width: 100%;
}

.vehicle-item {
    text-align: center;
	border:1px solid #eee; 
	border-radius:8px; 
	background:#fff; 
	overflow:hidden;
	font-size: 15px;
}

.vehicle-item ul {
    list-style-type: none;
    margin: 0px 20px 0px 20px;
    padding-bottom: 10px;
}

.vehicle-item li {
    border-bottom: 1px solid #f1f1f1f1;
}



.vehicle-info {
	padding: 15px 15px 0px 15px;
}

.vehicles-we-have {
    padding: 20px;
    background-color: #f1f1f1f1;
    border-radius: 20px;
    margin-bottom: 20px;
    margin-top: 20px;

}

h4.item-title {
    text-transform: uppercase;
}

.popular-service-card img {
    width: 100%;
}


.popular-service-card {
border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    overflow: hidden
}

/**************next*************/
/* Container for two columns */
.home-form-other-info {
    display: grid; /* Use CSS Grid layout */
    grid-template-columns: 65% 35%; 
    gap: 20px; /* Space between columns */
    width: 100%; /* Full width container */
    box-sizing: border-box; /* Include padding and border in width */
}

/* First column: main form */
.home-form {
    width: 100%; /* Take full width of its grid column */
    box-sizing: border-box;
}

/* Second column: other info */
.home-other-info {
    width: 100%; /* Take full width of its grid column */
    box-sizing: border-box;
}

/* Optional: responsive adjustment for smaller screens */
@media (max-width: 768px) {
    .home-form-other-info {
        grid-template-columns: 1fr; /* Stack columns vertically */
    }
}

/*****home feature*********/
:root {
    --orange: #ff6210;
}

.nvr-section {
    margin-bottom: 40px;
    text-align: center;
}

.nvr-bg {
    background: #fef1e4;
	padding:40px;
}

.nvr-tag {
    color: var(--orange);
    font-weight: 700;
    font-size: 13px;
}

.nvr-section h2 {
    font-size: 36px;
    margin: 15px 0;
}

.nvr-desc {
    max-width: 720px;
    margin: 0 auto 50px;
    color: #666;
}

.nvr-grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
}

.nvr-grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.nvr-card {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.nvr-card h4 {
    font-size: 18px;
}

.nvr-card i {
    font-size: 34px;
    color: var(--orange);
    margin-bottom: 15px;
    position: relative;
    top: -40px;
    background-color: #fff;
    padding: 20px 20px 0px 20px;
    border-radius: 50%;
}

.nvr-card.orange {
    color: #fff;
    background-color: var(--orange);
}

.nvr-card.orange i,
.nvr-card.orange p {
    color: #fff;
	background-color: var(--orange);
}

.nvr-step {
    position: relative;
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.nvr-step i {
    font-size: 30px;
    color: var(--orange);
    margin-bottom: 15px;
}

.nvr-step span {
    position: absolute;
    bottom: -18px;
    left: 40px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--orange);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
/*************book-banner-home******************/
         .book-home-banner {
            position: relative;
            width: 100%;
            height: 500px;
            background-image: url('https://nepalvehiclerental.com/wp-content/uploads/car-rental-nepal-.jpg');
            background-size: cover;
            background-position: center;
            margin: 40px 0;
            border-radius: 8px;
            overflow: hidden;
        }
        .book-home-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.1));
            display: flex;
            align-items: center;
            padding-left: 60px;
            box-sizing: border-box;
        }
        .book-home-content h2 {
            font-size: 52px;
            color: white;
            font-weight: bold;
            margin: 0 0 20px 0;
            line-height: 1.1;
        }
        .book-home-content p {
            font-size: 24px;
            color: white;
            margin: 0;
        }
        .book-home-button {
            position: absolute;
            top: 50%;
            right: 100px;
            transform: translateY(-50%);
            background-color: #ff4500;
            color: white;
            padding: 18px 40px;
            font-size: 22px;
            font-weight: bold;
            text-decoration: none;
            border-radius: 6px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.4);
            transition: background-color 0.3s;
        }
        .book-home-button span {
            margin-left: 10px;
            font-size: 18px;
        }
        .book-home-button:hover {
            background-color: #e03d00;
        }
        @media (max-width: 768px) {
            .book-home-banner { height: 400px; }
            .book-home-content h1 { font-size: 36px; }
            .book-home-content p { font-size: 18px; }
            .book-home-overlay { padding-left: 30px; }
            .book-home-button { right: 30px; padding: 14px 30px; font-size: 18px; }
        }

input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: #fff;
}

.form-inquiry, .book-inquiry-box {  
    background-color: #f1f1f1;
    padding: 20px;
    border: 1px solid #e9e9e9;
    margin-top:30px;
}