/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 12 2026 | 08:37:30 */
/* Homepage Section */
.qlwapp__button {
    width: 10% !important;
    padding: 28px !important;
}

.qlwapp__icon {
    font-size: 30px !important;
}

.location-btn .elementor-button span {
		text-align:left !important;
}

label.contact-lable {
    color: #fff;
    font-family: var(--e-global-typography-a66ca69-font-family), Sans-serif;
    font-size: var(--e-global-typography-a66ca69-font-size);
    font-weight: var(--e-global-typography-a66ca69-font-weight);
    line-height: var(--e-global-typography-a66ca69-line-height);
    letter-spacing: var(--e-global-typography-a66ca69-letter-spacing);
    word-spacing: var(--e-global-typography-a66ca69-word-spacing);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 0px;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    width: 100%;
    background: #ffffff00;
	color:#fff;
}

.wpcf7 label, .wpcf7-quiz-label {
    width: 100%;
    color: #fff;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-top: 20px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    color: aliceblue;
}

/* Quotation Form */
/* Unique container for the Engine Quote Form */
.engine-quote-form-style {
	font-family: "Montserrat";
}

.engine-quote-form-style .form-header{
	text-align:center;
}

/* --- Header Styling --- */
.engine-quote-form-style .form-header h2 {
    color: #ffffff;
    margin-bottom: 5px;
    font-family: "Montserrat";
}
.engine-quote-form-style .form-header p {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 25px;
}
.engine-quote-form-style .required {
    color: #e57373; /* Red/pink asterisk */
    font-weight: bold;
}


/* --- Layout (Two Columns) --- */
.engine-quote-form-style .cf7-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.engine-quote-form-style .half-width-wrap {
    width: 48.5%; 
    display: flex;
    flex-direction: column;
}

.engine-quote-form-style .full-width-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Responsive adjustment for small screens */
@media (max-width: 767px) {
    .engine-quote-form-style .cf7-row {
        flex-direction: column;
    }
    .engine-quote-form-style .half-width-wrap {
        width: 100%;
        margin-bottom: 15px;
    }
}


/* --- Input Field Styling (THE DARK FIELDS) --- */
.engine-quote-form-style .cf7-dark-input {
    background-color: #3838388a !important;
    color: #fff !important;
    border: none !important;
    padding: 10px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    margin-top: 5px;
    width: 100% !important;
    box-sizing: border-box;
    box-shadow: none !important;
}
.engine-quote-form-style .cf7-dark-input::placeholder {
    color: #999 !important; 
    opacity: 1; 
}


/* --- Submit Button Styling (THE ORANGE BUTTON) --- */
.engine-quote-form-style .cf7-submit-btn {
    /* Target the submit button within the unique container */
    background-color: #ffffff !important; 
    color: #333 !important; 
    border: none !important;
    padding: 15px 20px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 20px !important;
    transition: background-color 0.3s;
}

.engine-quote-form-style .cf7-submit-btn:hover {
    background-color: #9c0b0a !important;
    color: #fff !important;
}

/* Quotation Form Table*/
        .guide-header h3, .guide-header p {
            font-family: "Exo 2", sans-serif !important;
        }

        /* Base/Table Font: Montserrat */
        .price-guide-container {
            font-family: "Montserrat", sans-serif !important;
        }
        
        .price-guide-container {
            max-width: auto;
            padding: 0 0 30px 0; 
            background-color: #fff;
            border-radius: 8px;
            /* Black and White Theme Box Shadow */
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
        }

        /* --- Header Styling --- */
        .guide-header {
            /* Black Header */
            background-color: #111111;
            color: #ffffff;
            padding: 30px 20px;
            text-align: center;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }
        .guide-header h3 {
            margin: 0;
            font-size: 24px;
            color: #ffffff;
        }
        .guide-header p {
            margin: 5px 0 0 0;
            font-size: 14px;
            color: #cccccc;
        }

        /* --- Tabs Navigation Styling --- */
        .brand-tabs-nav {
            display: flex;
            justify-content: space-around;
            list-style: none;
            padding: 0;
            margin: 0;
            border-bottom: 1px solid #ddd;
        }

        .brand-tabs-nav li {
            flex-grow: 1;
            text-align: center;
            cursor: pointer;
            padding: 15px 0;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 14px;
            /* Default B&W styling */
            color: #333333; 
            background-color: #f7f7f7; 
            border-right: 1px solid #e0e0e0;
            transition: background-color 0.3s, color 0.3s;
        }
        
        .brand-tabs-nav li:not(.active-tab):hover {
            background-color: #eeeeee;
        }

        .brand-tabs-nav li.active-tab {
					background-color: #FF2100;
            color: #fff; 
            border: none;
        }
        
        /* --- Tabs Content Area --- */
        .brand-tabs-content {
            padding: 20px;
        }

        .tab-content {
            display: none; 
        }

        .tab-content.active {
            display: block; 
        }

        /* --- Table Styling --- */
        .engine-price-table {
            display: table;
            width: 100%;
            border-collapse: collapse;
            font-size: 15px;
            text-align: left;
        }

        .table-row {
            display: table-row;
            border-bottom: 1px solid #f0f0f0; 
        }

        .table-header-row {
            /* Light Gray Header Row */
            font-weight: bold;
            color: #333333;
            text-transform: uppercase;
            background-color: #f7f7f7;
            font-size: 14px;
        }

        .table-cell {
            display: table-cell;
            padding: 15px 10px;
            vertical-align: middle;
            color: #555555;
        }

        /* Column Widths (Desktop) */
        .table-cell:nth-child(1) { width: 35%; } 
        .table-cell:nth-child(2) { width: 25%; } 
        .table-cell:nth-child(3) { width: 10%; text-align: center; } 
        .table-cell:nth-child(4) { width: 15%; text-align: center; } 
        .table-cell:nth-child(5) { width: 15%; text-align: right; } 

        /* --- Status Tags Styling --- */
        .in-stock {
            color: #4CAF50; 
            font-weight: bold;
        }
        .fuel-tag {
            background-color: #e3f2fd; 
            color: #2196F3; 
            padding: 3px 8px;
            border-radius: 4px;
            font-size: 0.8em;
            font-weight: bold;
            display: inline-block;
        }
        .fuel-tag.petrol { 
            background-color: #e8f5e9; 
            color: #4CAF50; 
        }

        /* --- Get Quote Button Styling --- */
        .get-quote-btn {
            /* Black Button */
            background-color: #111111 !important; 
            color: #ffffff !important;
            padding: 8px 15px !important;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            border-radius: 2px;
            text-decoration: none;
            display: inline-block;
            transition: background-color 0.3s;
        }

.get-quote-btn:hover {
    background-color: #ff2100 !important;
    color: #fff !important;
}

        /* --- Footer Notes Styling --- */
        .table-footer-note {
            text-align: center;
            font-size: 13px;
            color: #666;
            margin: 20px 0 5px;
            padding: 0 20px;
        }
        .table-footer-cta {
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            padding: 0 20px;
        }
        .table-footer-cta a {
            color: #ffac00; 
            text-decoration: none;
        }
        
        /* ================================================= */
        /* 3. MOBILE RESPONSIVENESS (Max Width: 768px) */
        /* ================================================= */
        @media (max-width: 768px) {
            .price-guide-container {
                margin: 20px auto;
            }

            /* --- A. Tabs Navigation Scroll --- */
            .brand-tabs-nav {
                overflow-x: auto;
                white-space: nowrap; 
                justify-content: flex-start;
                -webkit-overflow-scrolling: touch; 
            }
            
            .brand-tabs-nav li {
                flex-grow: 0; 
                min-width: 100px;
                font-size: 13px;
            }

            /* --- B. Table Horizontal Scroll --- */
            .brand-tabs-content {
                padding: 10px; 
            }

            .engine-price-table {
                display: block; 
                overflow-x: auto; 
                width: 100%;
                -webkit-overflow-scrolling: touch; 
            }

            /* Fix row width for horizontal scrolling */
            .table-row {
                display: table;
                width: 650px; 
                font-size: 14px;
            }
            
            .table-header-row {
                font-size: 13px;
            }

            /* Cell and Button Adjustments */
            .table-cell {
                padding: 10px 5px; 
            }
            
            /* Column Width Re-alignment */
            .table-cell:nth-child(1) { width: 30%; } 
            .table-cell:nth-child(2) { width: 25%; } 
            .table-cell:nth-child(3) { width: 10%; text-align: center; } 
            .table-cell:nth-child(4) { width: 15%; text-align: center; } 
            .table-cell:nth-child(5) { width: 20%; text-align: right; } 
            
            .get-quote-btn {
                padding: 6px 10px !important;
                font-size: 11px !important;
            }
            
            .table-footer-note, .table-footer-cta {
                font-size: 11px;
            }
        }

/* Responsive CSS */
@media (max-width: 1024px) {
		.engine-quote-form-style .form-header h2 {
			font-size:24px;
	}	

	.engine-quote-form-style .form-header p{
	font-size:12px;
	}

.engine-quote-form-style label {
    font-size: 14px;
    margin-bottom: 2px;
}

.engine-quote-form-style .cf7-submit-btn{
	padding:10px 15px !important;
	font-size:16px !important;
}
}

/* Mobile */
@media (max-width: 767px){
	.brand-logo-icon .elementor-container.elementor-column-gap-default {
    max-height: 22vh;
    overflow-y: auto;
}	
}

/* Land Rover Services Page Section */
.engine-section {
	font-family: var(--font-family);
	padding: 20px 20px;
	background-color: #ffffff; /* Clean white section background */
	border-radius:10px;
}

.engine-section h2 {
	text-align: center;
	color: #000000;
	font-size: 2.5em;
	margin-bottom: 5px;
	font-weight: 700;
}

.engine-section p.intro {
	text-align: center;
	color: #555;
	margin-bottom: 40px;
	font-size: 1.1em;
}

/* --- Filter Buttons --- */
.filter-bar {
	text-align: center;
	margin-bottom: 40px;
}

.filter-button {
    border: 1px solid #ddd;
    padding: 10px 20px !important;
    margin: 5px;
    cursor: pointer !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    white-space: nowrap;
    display: inline-block;
}

.filter-button:hover, .filter-button.active {
	background-color: #ff2100 !important; 
	color: white !important;
}

/* --- Model Grid --- */
.model-container {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	justify-content: center;
}

.variant-card {
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 20px;
	width: calc(33.333% - 17px); 
	min-width: 300px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
	opacity: 1; 
}

.variant-card:hover {
	transform: translateY(-5px); 
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
	border-color: var(--accent-color); /* Teal border on hover */
}

/* JavaScript Toggle Class */
.variant-card.hidden {
	display: none;
}

.variant-card h4 {
	margin-top: 0;
	color: var(--accent-color); /* Teal title color */
	font-size: 1.3em;
	margin-bottom: 5px;
}

.variant-card p {
	color: #666;
	font-size: 0.95em;
	margin: 0;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
	.variant-card {
		width: calc(50% - 12.5px);
	}
}

@media (max-width: 600px) {
	.variant-card {
		width: 100%;
	}
	.filter-button {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
}

/* Range Rover */
.range-rover-engine-section {
	padding: 20px 20px;
    background-color: #ffffff;
    border-radius: 10px;
}

/* --- Range Rover Filter Bar --- */
.range-rover-engine-section .filter-bar {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.rr-filter-button {
    border: 1px solid #ddd;
    padding: 10px 17px !important;
    margin: 5px;
    cursor: pointer !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    white-space: nowrap;
    display: inline-block;
}

.rr-filter-button:hover {
    background-color: #ff2100 !important;
    color: white !important;
}

.rr-filter-button.active {
background-color: #ff2100 !important;
    color: white !important;
}

/* --- Range Rover Model Cards Grid --- */
#range-rover-model-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
}

.rr-variant-card {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 20px;
    width: calc(33.333% - 17px);
    min-width: 300px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    opacity: 1;
}

.rr-variant-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
}

.rr-variant-card h4 {
    margin-top: 0;
    color: #000;
    font-size: 1.3em;
    margin-bottom: 5px;
}

.rr-variant-card p {
	color: #666;
    font-size: 0.95em;
    margin: 0;
}

/* Style for hidden cards (JS will apply this) */
.rr-variant-card.hidden {
    display: none;
    opacity: 0;
    transform: scale(0.95);
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    #range-rover-model-cards-container {
        grid-template-columns: 1fr; /* Single column on mobile */
    }
	.rr-variant-card{
		width:100%;
	}

	.range-rover-engine-section .filter-bar{
		gap:0px;	
	}
	.rr-filter-button {
		width:100%;
	}
}

/* --- Jaguar Section Layout --- */
.jaguar-engine-section {
	padding: 20px 20px;
    background-color: #ffffff !important;
    border-radius: 10px !important;
}

/* --- Jaguar Filter Bar --- */
.jaguar-engine-section .filter-bar {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

/* Using the rr-filter-button class name for consistency with your existing code */
.rr-filter-button {
    border: 1px solid #ddd;
    padding: 10px 20px !important;
    margin: 5px;
    cursor: pointer !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    white-space: nowrap;
    display: inline-block;
    background-color: #ffffff; /* Default button color on white background */
    color: #000;
}

.rr-filter-button:hover {
    background-color: #ff2100 !important;
    color: white !important;
    border-color: #ff2100 !important;
}

.rr-filter-button.active {
    background-color: #ff2100 !important;
    color: white !important;
    border-color: #ff2100 !important;
}

/* --- Jaguar Model Cards Grid --- */
#jaguar-model-cards-container {
    /* Using flex layout to emulate a grid for compatibility with the width logic */
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
}

/* Using the rr-variant-card class name for consistency with your existing code */
.rr-variant-card {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 20px;
    width: calc(33.333% - 17px); /* Three columns wide with gap compensation */
    min-width: 300px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    opacity: 1;
}

.rr-variant-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Adjusted shadow intensity for light background */
}

.rr-variant-card h4 {
    margin-top: 0;
    color: #000;
    font-size: 1.3em;
    margin-bottom: 5px;
}

.rr-variant-card p {
	color: #666;
    font-size: 0.95em;
    margin: 0;
}

/* Style for hidden cards (JS will apply this) */
.rr-variant-card.hidden {
    display: none;
    opacity: 0;
    transform: scale(0.95);
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .rr-variant-card {
        width: 100%; /* Full width on mobile */
    }
}

.dscf7-captcha-container {
	width:auto !important;
}

.elementor-element.elementor-element-85fe098.e-flex.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent{
	overflow-x: hidden !important;
}

.dscf7-captcha-container {
	background: #3838388a !important;
}

.dscf7-captcha-container span.wpcf7-form-control-wrap input {
	border :0px !important;
}

.dscf7-captcha-container span.dscf7_lt {
	color:#fff !important;
}

.wpcf7 form .wpcf7-response-output{
	color:#fff !important;
}


.elementor-element.elementor-element-3844c51.elementor-widget.elementor-widget-shortcode {
	overflow-x:hidden !important;
}