.bg-primary{background-color: rgb(30, 58, 95);}

.text-center{text-align: center!important;}

.filter-listing.motors_dynamic_listing_filter {
    background-color: #1e3a5f!important;
    padding: 42px 30px 20px;
}

.inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary hover:bg-primary/90 h-9 has-[>svg]:px-3 px-6 py-2 rounded-md text-white transition-colors btn1 text-white:hover{background-color: var(--gold);
    border-color: var(--gold);}
	
	.text-white{color:#fff;}
	
	
	.archive-listing-page .stm-isotope-listing-item .image img, .car-listing-modern-grid .stm-isotope-listing-item .image img {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 300px !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.h3, h3 {
    font-size: 15px!important;
}

/* CF7 Form Styling */
.cf7-input {
    file-text-foreground: var(--foreground);
    placeholder-text-muted-foreground: var(--muted-foreground);
    selection-bg-primary: var(--primary);
    selection-text-primary-foreground: var(--primary-foreground);
    dark:bg-input/30: var(--input);
    border-input: var(--input);
    display: flex;
    height: 2.25rem;
    min-width: 0;
    border-radius: 0.375rem;
    border-width: 1px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 1rem;
    background-color: var(--input-background);
    transition: color, box-shadow 0.15s;
    outline: none;
    width: 100%;
}

.cf7-textarea {
    resize: none;
    border-input: var(--input);
    placeholder-text-muted-foreground: var(--muted-foreground);
    focus-visible:border-ring: var(--ring);
    focus-visible:ring-ring/50: var(--ring);
    aria-invalid:ring-destructive/20: var(--destructive);
    dark:aria-invalid:ring-destructive/40: var(--destructive);
    aria-invalid:border-destructive: var(--destructive);
    dark:bg-input/30: var(--input);
    display: flex;
    field-sizing: content;
    border-radius: 0.375rem;
    border-width: 1px;
    background-color: var(--input-background);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    transition: color, box-shadow 0.15s;
    outline: none;
    width: 100%;
    min-height: 150px;
}

.cf7-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 500;
    height: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: white;
    border-radius: 0.375rem;
    transition: background-color 0.15s;
    outline: none;
}


.wp-singular.listings-template-default.single.single-listings.logged-in.wp-theme-budgetcarssalesltd_theme.stm-vl-plugin-pure 
input[type=submit],
.wp-singular.listings-template-default.single.single-listings.logged-in.wp-theme-budgetcarssalesltd_theme.stm-vl-plugin-pure 
button,
.wp-singular.listings-template-default.single.single-listings.logged-in.wp-theme-budgetcarssalesltd_theme.stm-vl-plugin-pure 
.button {
    padding: 8px 24px !important;
	font-size: 14px; 
}


.stm_single_car_wrapper {
    max-width: 1400px;
    margin-top: 20px!important;
    padding: 0 15px;
}

.button, input[type=submit], button[type=submit] {
    border: 1px solid #fff!important;
}

@supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
        background-color: 
 color-mix(in oklab, #00000075 60%, transparent);
    }
}

.h1, h1 {
    font-size: 48px!important;
	Padding-bottom:16px!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 800!important;
    line-height: 1.1;
    color: inherit;
}

.my-5{margin-top:50px;
margin-bottom:50px;}

p {
	font-family: Inter, sans-serif;
	
  color: var(--color-gray-600);
	--tw-leading: var(--leading-relaxed);
   --line-height: var(--leading-relaxed);
	
}