/*
Theme Name: EV360
Description: Haywoodtech
Theme URL: https://ev360ghana.com/
Author: Haywoodtech
Author URL: https://haywoodtech.in
Template: astra
Text Domain: EV360
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.hide, .mf-inst {
  	display: none;
}
.clear {
  	clear: both;
}

.main-header-bar.ast-header-breadcrumb {
  	position: absolute;
  	top: 310px;
  	border: none !important;
}

.main-header-bar.ast-header-breadcrumb a:hover {
  	text-decoration: underline;
}

.ast-builder-menu .main-navigation>ul {
  	align-self: center;
  	gap: 20px;
}

.admin-bar #page {
    overflow: hidden;
}

footer#colophon {
  	background-color: #EAEBF0 !important;
}

.footer-widget-area-inner a:hover {
  	color: #fff !important;
  	border-bottom: 2px solid #fff;
  	padding-bottom: 2px;
  	transition: all .2s linear;
}

section#block-15 {
    display: none !important;
}
section#block-20 {
    margin-left: 10px !important;
}

.ev360-hs-slide-image {
  	position: relative;
  	overflow: hidden;
  	height: 100%;
  	margin-top: 2.5%;
  	z-index: 100;
  	width: 100%;
  	border-radius: 0px 10px 10px 0;
}

.ev360-hs-slide-card {
  	background: var(--ev360-hs-card-bg, #ffffff);
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	padding: 0 20px 90px 40px;
  	gap: 10px;
  	border-radius: 16px 0 0 16px;
  	z-index: 99;
}

.ev360-hs-controls {
  	position: absolute;
  	bottom: 30px;
  	left: 140px !important;
  	right: -50% !important;
}

.ev360-hs-arrow {
  	width: 50px;
  	height: 50px;
}

.elementor-image-box-content {
  	padding: 0px 20px;
}

.ev_form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  	width: 40%;
}

button.ev360-load-more-btn {
  	padding: 10px 20px !important;
  	border: none !important;
}

.ast-builder-footer-grid-columns {
  	grid-column-gap: 30px;
}

#ast-scroll-top {
  	background: linear-gradient(90deg, #0091B3, #319836) !important;
  	border: none !important;
  	box-shadow: 0 4px 12px rgba(0, 145, 179, 0.35) !important;
}

#ast-scroll-top:hover {
  	box-shadow: 0 6px 18px rgba(49, 152, 54, 0.45) !important;
  	background: linear-gradient(90deg, #319836, #0091B3) !important;
  	transition: all 0.3s ease;
}

#ast-scroll-top svg {
  	fill: #fff !important;
}

.site-footer-primary-section-2 {
  	width: 70%;
  	margin-left: 340px;
}

.site-footer-primary-section-3 {
  	width: 50%;
  	margin-left: 220px;
}

.site-footer-primary-section-4 {
  	width: 50%;
  	margin-left: 165px;
}

.site-footer-primary-section-1.site-footer-section.site-footer-section-1 a:hover {
  	transition: none !important;
}

.gradient-text {
  	background: linear-gradient(90deg, #0091B3, #319836);
  	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
  	font-size: 14px;
  	font-weight: 500;
}

.gradient-text span {
  	background: linear-gradient(to right, #0091B3, #319836);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.ev_hero-slider .elementor-swiper-button.elementor-swiper-button-prev {
  	position: absolute;
  	left: 650px !important;
  	top: 345px !important;
  	background: #FFF !important;
  	transition: 0.4s;
  	padding: 10px;
  	border-radius: 50px;
  	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.ev_hero-slider .elementor-swiper-button:hover svg,
.ev_hero-slider .elementor-swiper-button:active svg{
  	fill: #100E34 !important; /* hover color */
}

.page-id-4713 .main-header-bar.ast-header-breadcrumb {
    display: none !important;
}

.ev_hero-slider .elementor-swiper-button.elementor-swiper-button-next {
  	position: absolute;
  	top: 345px !important;
  	right: -2px !important;
  	background: #FFF !important;
  	transition: 0.4s;
  	padding: 10px;
  	border-radius: 50px;
  	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.ev_hero-slider .swiper-pagination {
  	position: absolute;
  	text-align: center;
  	transition: .3s opacity;
  	transform: translate3d(0, 0, 0);
  	z-index: 0;
  	transform: rotate(90deg);
  	left: 200px !important;
  	top: -70px;
}

.ev360-hs-slide-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transform: scale(1.04);
    transition: transform 6s ease;
}

.ev360-search-btn {
  	width: 12%;
  	justify-content: center;
}

.ev-filter {
  	width: 100%;
  	padding: 10px;
  	font-family: Montserrat;
  	font-weight: 600;
  	font-size: 14px;
  	outline: none;
}

.ev-search-btn {
  	width: 100%;
  	padding: 10px 30px;
  	border-radius: 30px;
  	background: linear-gradient(to right, #0091B3, #319836) !important;
  	color: #fff;
  	border: none;
  	font-weight: 600;
  	cursor: pointer;
}

.ev-search-btn:hover {
  	background: #16a085;
}

.ev_scroll {
  	display: flex;
  	gap: 30px;
  	overflow-x: auto;
  	scroll-behavior: smooth;
  	padding-bottom: 10px;
  	scrollbar-width: none;
}

.ev_scroll::-webkit-scrollbar {
  	display: none;
}
.ev_scroll {
  	cursor: grab;
}
.ev_scroll:active {
  	cursor: grabbing;
}

.ev_scroll .card {
  	min-width: 190% !important;
  	background: #fff;
  	border-radius: 20px;
  	padding: 20px;
  	flex: 0 0 auto;
  	box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  	text-align: right;
  	height: 400px;
  	align-content: center;
  	overflow: hidden;
}

.ev_scroll .car-img {
  	width: 180%;
  	margin-top: -15px;
 	border-radius: 20px !important;
  	position: absolute;
  	left: -180px;
}

.ev_scroll .elementor-element {
  	margin-right: -280px;
}

.ev_scroll img {
  	border: none;
  	border-radius: 0;
  	box-shadow: none;
  	height: auto;
  	max-width: 190% !important;
}

.ev_scroll .card h3 {
  	margin: 10px 0;
  	font-size: 24px;
  	font-weight: 400;
  	color: #0091B3 !important;
  	position: absolute;
  	top: 30px;
  	width: 100%;
}

.ev_scroll .card p {
  	font-size: 14px;
  	color: #666;
}
.ev_scroll .card h4 {
  	margin: 10px 0;
  	font-size: 24px;
  	font-weight: 400;
  	color: #100E34;
}

.ev_scroll .btn {
  	display: inline-block;
  	padding: 10px 30px;
  	background: linear-gradient(to right, #0091B3, #319836);
  	color: #fff;
  	border-radius: 25px;
  	text-decoration: none;
  	font-size: 15px;
  	font-weight: 500 !important;
}

.car-img {
  	width: 100%;
  	transition: transform 0.4s;
}
.ev_scroll .card:hover .car-img {
  	transform: scale(1.1);
}

.ev_cars img {
  	transition: transform 0.4s ease !important;
}

.ev_cars:hover img {
  	transform: scale(1.3);
}

.ev_cta-btn {
  	position: relative;
  	overflow: hidden;
  	background: linear-gradient(to right, #0091B3, #319836);
  	color: #fff;
  	border-radius: 30px;
}

.ev_cta-btn::before {
  	content: "";
  	position: absolute;
  	top: 0;
  	left: -75%;
  	width: 12%;
  	height: 100%;
  	background: rgba(255,255,255,0.3);
  	transform: skewX(-20deg);
}

.ev_cta-btn:hover::before {
  	left: 125%;
  	transition: 1s;
}

.site-footer-section-1 h6.wp-block-heading {
  	background: linear-gradient(90deg, #0091B3, #319836) !important;
  	-webkit-background-clip: text !important;
  	-webkit-text-fill-color: transparent !important;
  	color: transparent !important;
  	display: inline-block;
  	font-size: 14px !important;
  	font-weight: 500 !important;
}

.site-footer-primary-section-5.site-footer-section.site-footer-section-5 {
  	position: absolute;
  	bottom: 2.9em;
  	right: 8em;
}

.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
  	width: 390px !important;
}

.ev360-hs-slide-card {
  	background: var(--ev360-hs-card-bg, #ffffff);
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	padding: 0 0 90px 90px;
  	gap: 10px;
  	border-radius: 16px 0 0 16px;
  	z-index: 99;
}

.ev_icon.elementor-widget-icon {
  	background: linear-gradient(90deg, #0091B3, #319836) !important;
  	border-radius: 15px;
  	transition: transform 0.4s ease !important;
}

.ev_icon-box:hover .ev_icon.elementor-widget-icon {
  	background: linear-gradient(90deg, #319836, #0091B3) !important;
  	border-radius: 15px;
  	transition: transform 0.4s ease !important;
}

.ev360-load-more-wrap .button.ev360-load-more-btn {
  	padding: 10px 30px 10px 30px !important;
}

.ev360-load-more-wrap button.ev360-load-more-btn {
  	padding: 10px 30px !important;
  	border: none !important;
  	margin: 30px 20px 20px 20px;
}

.ev_post a.eael-post-elements-readmore-btn {
  	width: 30%;
  	background: linear-gradient(90deg, #0091B3, #319836);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.ev_post a.eael-post-elements-readmore-btn:hover {
  	width: 30%;
  	background: linear-gradient(90deg, #319836, #0091B3);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.ev_post button#eael-load-more-btn-29a2bc9 {
  	background: linear-gradient(90deg, #0091B3, #319836) !important;
  	transition: transform 0.4s ease !important;
}

.ev_post button#eael-load-more-btn-29a2bc9:hover {
  	background: linear-gradient(90deg, #319836, #0091B3) !important;
  	transition: transform 0.4s ease !important;
}

.site-below-footer-wrap.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
  	display: none;
}

.elementor-8 .elementor-element.elementor-position-top .elementor-image-box-img {
  	margin-bottom: 5px !important;
  	margin-left: 20px !important;
}

.ev360-hs-slide-image {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-top: 0% !important;
    z-index: 100;
    width: 100%;
    border-radius: 0px 10px 10px 0;
}

.ev360-hs-label {
    font-size: 18px !important;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ev360-hs-accent, #1D9E75);
    margin-bottom: 4px;
}

.ev360-hs-make {
    font-size: 14px !important;
    font-weight: 600;
    color: #6b7c76;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.ev360-hs-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a2e28;
    line-height: 1.2;
    margin: 0;
}

.ev360-hs-spec {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px !important;
    font-weight: 600;
    color: #4a5a56;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ev360-hs-desc {
    font-size: 16px !important;
    color: #8a9a94;
    margin: 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* Homepage Explore */
.ev360-explore-header {
    display: none;
}

.ev360-explore-carousel-outer {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
}

.ev360-explore-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--ev360-ec-card-bg, #ffffff);
    border: 1.5px solid #e2e8e4;
    color: #1a2e28;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: background 0.15s, border-color 0.15s;
}

.ev360-explore-track-outer {
    flex: 1;
    overflow: hidden;
    padding: 16px 4px;
    margin: -16px -4px;
}

.ev360-explore-track {
    display: flex;
    gap: 24px;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.ev360-explore-track {
    display: flex;
    gap: 35px !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.ev360-explore-wrap {
    background: var(--ev360-ec-section-bg, #f0f2f5);
    padding: 20px !important;
    width: 100%;
}

.ev360-explore-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 75px !important;
    padding: 0 24px;
}

.elementor-kit-7 button:hover {
    background-color: transparent;
    background-image: linear-gradient(90deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
	color: #fff;
    transform: scale(1) !important;
}

.ev360-fin-tier-btn:hover {
    border-color: #1D9E75;
    color: #1D9E75 !important;
}

.ev360-explore-track {
    display: flex !important;
    gap: 35px !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.ev360-explore-card {
    background: var(--ev360-ec-card-bg, #ffffff);
    border-radius: 16px;
    padding: 20px 20px 24px;
    width: 350px;
    flex-shrink: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    transition: transform 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.ev360-explore-card__name {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--ev360-ec-accent, #1D9E75);
    margin-bottom: 16px;
    line-height: 1.2;
}

.ev360-explore-card__body {
    display: flex !important;
    gap: 16px;
    align-items: flex-start;
}

.ev360-explore-card__info {
    flex: 1;
    display: flex !important;
    flex-direction: column;
    gap: 6px;
}

.ev360-explore-card__meta {
    font-size: 14px !important;
    color: #6b7c76;
    line-height: 1.4;
}

.ev360-explore-card__img-wrap {
    width: 148px !important;
    height: auto !important;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f0f5f2;
}

.ev360-explore-card__price {
    font-size: 18px;
    font-weight: 700;
    color: #1a2e28;
    margin: 4px 0;
    line-height: 1;
}


.ev360-explore-card__cta {
    display: inline-block;
    padding: 9px 16px;
    background: var(--ev360-ec-accent, #1D9E75);
    color: #ffffff;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 4px;
    transition: opacity 0.15s;
    white-space: nowrap;
    width: auto !important;
    text-align: center;
}

.ev360-single-vehicle {
    padding: 50px 0px !important;
}


/* Blog Page */
/* IMAGE */
.blog .main-header-bar.ast-header-breadcrumb {
  	display: none;
}

.ast-blog-layout-6-grid .ast-row {
  	display: flex;
  	flex-wrap: wrap;
  	flex-flow: row wrap;
  	align-items: stretch;
  	margin: 80px 0px;
}

.blog article.post .ast-blog-featured-section{
  	position:relative !important;
  	margin:0 !important;
}

.ast-blog-layout-6-grid .blog-layout-6 .ast-blog-single-element, .ast-blog-layout-6-grid .blog-layout-6 .ast-blog-single-element *, .ast-blog-layout-6-grid .blog-layout-6 .ast-blog-single-element *:hover {
  	color: #000;
}

.ast-blog-layout-6-grid .ast-article-inner {
  	box-shadow: 0px 8px 30px -2px rgba(16, 24, 40, 0.05);
  	height: 600px;
  	border-radius: 15px !important;
}

header.entry-header.ast-blog-single-element.ast-blog-meta-container {
  	display: none;
}

h2.entry-title.ast-blog-single-element{
  	background: linear-gradient(90deg, #0091B3, #319836);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	font-size: 22px;
  	line-height: 1.2em;
  	font-weight: 600;
}

.ast-excerpt-container.ast-blog-single-element p {
  	font-size: 14px;
  	color: #3F3F3F;
}


/* Home page post */
.ev_home-post .home-blog-grid {
  	display: grid;
  	grid-template-columns: repeat(3,1fr);
  	gap: 50px;
  	margin-top: 20px;
}

.ev_home-post .home-blog-card {
  	background: #fff;
  	border-radius: 18px;
  	overflow: hidden;
  	box-shadow: 0 5px 18px rgba(0,0,0,0.08);
}

.ev_home-post .home-blog-card img {
  	width: 100%;
  	height: 240px;
  	object-fit: cover;
}

.ev_home-post .home-blog-content {
  	padding: 20px;
}

.ev_home-post .home-blog-content span {
  	color: #00a87e;
  	font-size: 13px;
  	font-weight: 600;
}

.ev_home-post .home-blog-content h3 {
  	font-size: 18px !important;
  	text-transform: capitalize;
  	margin: 10px 0;
  	line-height: 1.4;
  	color: #100E34;
}

.ev_home-post .home-blog-content a {
  	text-decoration: none;
  	background: linear-gradient(90deg, #0091B3, #319836);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.ev_home-post .home-blog-content h3:hover {
    text-decoration: none;
    background: linear-gradient(90deg, #319836, #0091B3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ev_home-post .home-blog-content a:hover {
    text-decoration: none;
    background: linear-gradient(90deg, #319836, #0091B3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ev_home-post a:hover {
    text-decoration: none !important;
}

.ev_home-post .home-blog-content p {
  	font-size: 15px;
  	line-height: 1.7;
  	color: #666;
  	margin: 10px 0 40px 0;
}

.ev_home-post .home-blog-content a {
  	color: #00a87e;
  	font-weight: 600;
	text-decoration: none;
}

.pe_form input#mf-input-text-2fd31f9 {
    width: 75% !important;
}

.elementor-widget-mf-radio .mf-radio-option input[type="radio"],
.elementor-widget-mf-checkbox .mf-checkbox-option input[type="checkbox"] {
	display: block !important;
	position: absolute !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
}

/* ── EV360 Sales Dashboard ───────────────────────────────────────── */
.ev360-sd-wrap {
	font-family: Montserrat;
	color: #1e293b;
	max-width: 100%;
}

/* Header */
.ev360-sd-header {
	margin-bottom: 22px;
}
.ev360-sd-header-inner {
	display: flex;
	align-items: center;
	gap: 12px;
}
.ev360-sd-title {
	font-size: 22px;
	font-weight: 700;
	color: #0f172a;
	margin: 0;
	padding: 0;
	border: none;
	letter-spacing: -0.4px;
}
.ev360-sd-count-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #10b981;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 9px;
	border-radius: 20px;
	letter-spacing: 0;
}

/* Filter bar */
.ev360-sd-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 14px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 16px 20px;
	margin-bottom: 22px;
}
.ev360-sd-filter-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1;
	min-width: 180px;
}
.ev360-sd-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #64748b;
}
.ev360-sd-input,
.ev360-sd-select {
	height: 40px;
	padding: 0 12px;
	font-size: 14px;
	color: #1e293b;
	background: #fff;
	border: 1.5px solid #e2e8f0;
	border-radius: 8px;
	outline: none;
	transition: border-color 0.15s, box-shadow 0.15s;
	width: 100%;
	box-sizing: border-box;
}
.ev360-sd-input:focus,
.ev360-sd-select:focus {
	border-color: #10b981;
	box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.13);
}
.ev360-sd-filter-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-top: 18px;
	flex-shrink: 0;
}

/* Buttons */
.ev360-sd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 18px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 8px;
	border: 1.5px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.14s, color 0.14s, border-color 0.14s, box-shadow 0.14s;
	white-space: nowrap;
}
.ev360-sd-btn--primary {
	background: #10b981;
	color: #fff;
	box-shadow: 0 2px 8px rgba(16, 185, 129, 0.28);
	padding: 12px 24px !important;
}
.ev360-sd-btn--primary:hover {
	background: #059669;
	color: #fff;
	text-decoration: none;
}
.ev360-sd-btn--ghost {
	background: #fff;
	color: #64748b;
	border-color: #e2e8f0;
}
.ev360-sd-btn--ghost:hover {
	background: #f1f5f9;
	color: #1e293b;
	text-decoration: none;
}

/* Table outer */
.ev360-sd-table-outer {
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	overflow: hidden;
}
.ev360-sd-table-scroll {
	overflow-x: auto;
}

/* Table */
.ev360-sd-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.ev360-sd-table thead tr {
	background: #f1f5f9;
}
.ev360-sd-table th {
	padding: 11px 14px;
	text-align: left;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #64748b;
	border-bottom: 1px solid #e2e8f0;
	white-space: nowrap;
}
.ev360-sd-td {
	padding: 13px 14px;
	vertical-align: middle;
	border-bottom: 1px solid #f1f5f9;
	color: #374151;
}
.ev360-sd-row:last-of-type .ev360-sd-td {
	border-bottom: none;
}
.ev360-sd-row:hover .ev360-sd-td {
	background: #fafcff;
}

/* Column modifiers */
.ev360-sd-td--ref {
	font-size: 13px;
	font-weight: 600;
	color: #0f172a;
	white-space: nowrap;
}
.ev360-sd-td--date {
	white-space: nowrap;
	color: #64748b;
	font-size: 13px;
}
.ev360-sd-td--budget {
	white-space: nowrap;
	font-weight: 600;
	color: #0f172a;
}
.ev360-sd-td--cta {
	width: 88px;
	text-align: right;
}

/* Energy-type chip */
.ev360-sd-chip {
	display: inline-block;
	padding: 2px 10px;
	background: #f0fdf4;
	color: #15803d;
	border: 1px solid #bbf7d0;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

/* Placeholder dash */
.ev360-sd-nil {
	color: #cbd5e1;
}

/* View / toggle button */
.ev360-sd-toggle {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 32px;
	padding: 0 11px;
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	background: #fff;
	border: 1.5px solid #e2e8f0;
	border-radius: 7px;
	cursor: pointer;
	transition: all 0.14s;
}
.ev360-sd-toggle:hover {
	border-color: #10b981;
	color: #10b981;
}
.ev360-sd-toggle[aria-expanded="true"] {
	background: #10b981;
	border-color: #10b981;
	color: #fff;
}

/* Arrow icon via CSS */
.ev360-sd-arrow {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
	transition: transform 0.2s;
	flex-shrink: 0;
}
.ev360-sd-toggle[aria-expanded="true"] .ev360-sd-arrow {
	transform: rotate(180deg);
}

/* Detail row */
.ev360-sd-detail-row {
	background: #f8fafc;
}
.ev360-sd-detail-row[hidden] {
	display: none;
}
.ev360-sd-detail-cell {
	padding: 20px 22px;
	border-bottom: 2px solid #e2e8f0 !important;
}
.ev360-sd-detail-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 16px;
}
.ev360-sd-detail-item {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.ev360-sd-detail-key {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #94a3b8;
}
.ev360-sd-detail-val {
	font-size: 14px;
	color: #1e293b;
	word-break: break-word;
	line-height: 1.5;
}
.ev360-sd-detail-val--ref {
	font-family: Montserrat;
	font-size: 13px;
	font-weight: 600;
}

/* Empty state */
.ev360-sd-empty {
	padding: 52px 20px;
	text-align: center;
	color: #94a3b8;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.ev360-sd-link {
	color: #10b981;
	font-weight: 600;
	text-decoration: none;
}
.ev360-sd-link:hover {
	text-decoration: underline;
}

/* Pagination */
.ev360-sd-pagination {
	margin-top: 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.ev360-sd-pagination .page-numbers {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 5px;
}
.ev360-sd-pagination .page-numbers li a,
.ev360-sd-pagination .page-numbers li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1.5px solid #e2e8f0;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #475569;
	text-decoration: none;
	transition: all 0.13s;
	cursor: pointer;
	box-sizing: border-box;
}
.ev360-sd-pagination .page-numbers li a:hover {
	border-color: #10b981;
	color: #10b981;
	text-decoration: none;
}
.ev360-sd-pagination .page-numbers li .current {
	background: #10b981;
	border-color: #10b981;
	color: #fff;
}
.ev360-sd-pagination .page-numbers li .dots {
	border-color: transparent;
	cursor: default;
}
.ev360-sd-page-meta {
	font-size: 13px;
	color: #94a3b8;
	margin: 0;
}

/* Notice */
.ev360-sd-notice {
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 14px;
	margin: 0;
}
.ev360-sd-notice--error {
	background: #fef2f2;
	color: #b91c1c;
	border: 1px solid #fecaca;
}

/* Accessibility helpers */
.ev360-sd-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ev360-sd-detail-key {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #678abc !important;
}

.ev360-sd-toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 11px;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.14s;
    padding: 20px !important;
}

/**
 * EV360 Sales Dashboard — Lead Notes styles.
 *
 * Reuses the dashboard's button system (.ev360-sd-btn) and is kept namespaced
 * under .ev360-notes / .ev360-note-modal to avoid collisions.
 */

/* ── Notes block (inside the detail row) ─────────────────────────────── */
.ev360-notes {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid rgba( 0, 0, 0, 0.08 );
}

.ev360-notes__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.ev360-notes__title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 600;
}

.ev360-notes__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.ev360-notes__empty {
	color: #6b7280;
	font-style: italic;
	font-size: 0.875rem;
}

.ev360-note {
	background: #f8fafc;
	border: 1px solid rgba( 0, 0, 0, 0.06 );
	border-radius: 8px;
	padding: 0.75rem 0.9rem;
}

.ev360-note__body {
	font-size: 0.9rem;
	line-height: 1.5;
	color: #1f2937;
	word-break: break-word;
}

.ev360-note__body p:last-child {
	margin-bottom: 0;
}

.ev360-note__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem 0.9rem;
	margin-top: 0.5rem;
	font-size: 0.75rem;
	color: #6b7280;
}

.ev360-note__time::before {
	content: '·';
	margin-right: 0.9rem;
}

.ev360-note__delete {
	margin-left: auto;
	background: none;
	border: none;
	padding: 0;
	color: #dc2626;
	font-size: 0.75rem;
	cursor: pointer;
}

.ev360-note__delete:hover {
	text-decoration: underline;
}

/* ── Modal ───────────────────────────────────────────────────────────── */
.ev360-note-modal[hidden] {
	display: none;
}

.ev360-note-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.ev360-note-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba( 15, 23, 42, 0.55 );
}

.ev360-note-modal__dialog {
	position: relative;
	width: 100%;
	max-width: 640px;
	max-height: 90vh;
	overflow: auto;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba( 0, 0, 0, 0.3 );
	display: flex;
	flex-direction: column;
}

.ev360-note-modal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.08 );
}

.ev360-note-modal__title {
	margin: 0;
	font-size: 1.1rem;
}

.ev360-note-modal__close {
	background: none;
	border: none;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
	color: #6b7280;
	padding: 0 0.25rem;
}

.ev360-note-modal__body {
	padding: 1.25rem;
}

.ev360-note-textarea {
	width: 100%;
	min-height: 140px;
	padding: 0.75rem 0.85rem;
	font: inherit;
	line-height: 1.5;
	color: #1f2937;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	resize: vertical;
	box-sizing: border-box;
}

.ev360-note-textarea:focus {
	outline: none;
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba( 37, 99, 235, 0.15 );
}

.ev360-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect( 0, 0, 0, 0 );
	overflow: hidden;
	white-space: nowrap;
}

.ev360-note-modal__error {
	margin: 0.75rem 0 0;
	color: #dc2626;
	font-size: 0.85rem;
}

.ev360-note-modal__foot {
	display: flex;
	justify-content: flex-end;
	gap: 0.6rem;
	padding: 1rem 1.25rem;
	border-top: 1px solid rgba( 0, 0, 0, 0.08 );
}

body.ev360-note-modal-open {
	overflow: hidden;
}


@media (max-width: 768px) {
	.ev360-sd-filters {
		flex-direction: column;
	}
	.ev360-sd-filter-group {
		min-width: 100%;
	}
	.ev360-sd-filter-actions {
		padding-top: 0;
		width: 100%;
	}
	.ev360-sd-btn {
		flex: 1;
	}
	/* Hide less-critical columns on tablet */
	.ev360-sd-table th:nth-child(5),
	.ev360-sd-table td:nth-child(5),
	.ev360-sd-table th:nth-child(6),
	.ev360-sd-table td:nth-child(6) {
		display: none;
	}
	.ev360-sd-detail-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.ev360-explore-filters {
		display: none !important;
	}
}

@media (max-width: 480px) {
	/* On mobile show: Ref | Name | Date | Action only */
	.ev360-sd-table th:nth-child(3),
	.ev360-sd-table td:nth-child(3),
	.ev360-sd-table th:nth-child(4),
	.ev360-sd-table td:nth-child(4) {
		display: none;
	}
	.ev360-sd-detail-grid {
		grid-template-columns: 1fr;
	}
	.ev360-sd-detail-cell {
		padding: 16px;
	}
}


@media (min-width: 1600px) {
	.ev360-hs-controls {
    	position: absolute;
    	bottom: 30px;
    	left: 175px;
    	right: -36% !important;
	}

}

@media (min-width: 1400px) and (max-width: 1700px) {
  	.ev360-hs-controls {
    	position: absolute;
    	bottom: 50px;
    	left: 125px;
    	right: -36% !important;
  	}
}


@media (min-width: 1200px) and (max-width: 1400px) {
  	.ev360-hs-controls {
		position: absolute;
    	bottom: 50px;
    	left: 190px;
    	right: -38% !important;
  	}
}


@media (min-width: 1000px) and (max-width: 200px) {
  	.ev360-hs-controls {
		position: absolute;
    	bottom: 50px;
    	left: 190px;
    	right: -30% !important;
  	}
}


@media (max-width: 1024px) {
  	.ast-builder-menu .main-navigation>ul {
    	align-self: center;
    	gap: 10px;
		padding: 10px 0;
  	}
	
  	.ast-header-break-point .main-navigation ul .menu-item .menu-link {
    	padding: 0 30px;
    	display: inline-block;
    	width: 100%;
    	border: 0;
    	border-bottom-width: 1px;
    	border-style: solid;
    	border-color: var(--ast-border-color);
  	}
	
  	.ev_hero-slider .elementor-swiper-button.elementor-swiper-button-prev {
		position: absolute;
		left: 600px !important;
		top: 330px !important;
  	}
	
	.ev_hero-slider .elementor-swiper-button.elementor-swiper-button-next {
    	position: absolute;
	    top: 330px !important;
    	right: -40px !important;
  	}
	
  	.ev_scroll {
		display: flex;
		gap: 20px;
		overflow-x: auto;
		scroll-behavior: smooth;
		padding-bottom: 10px;
		scrollbar-width: none;
  	}
	
  	.ev_scroll .card {
    	min-width: 190% !important;
    	background: #fff;
    	border-radius: 20px;
    	padding: 15px;
	    flex: 0 0 auto;
    	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    	text-align: right;
    	height: 320px;
    	align-content: center;
    	overflow: hidden;
  	}
	
  	.ev_scroll .car-img {
    	width: 140% !important;
    	margin-top: 5px;
    	border-radius: 20px !important;
    	position: absolute;
    	left: -120px;
  	}
	
  	.elementor-8 .elementor-element.elementor-element-60d0293 {
		padding-top: 0px !important;
  	}
	
  	.elementor-8 .elementor-element.elementor-element-6616397 > .elementor-widget-container {
   		margin: 0px !important;
  	}
	
  	.ev360-hs-slide-image {
    	height: 170% !important;
		margin-top: 0.5% !important;
  	}
	
  	.ev360-hs-slide-card {
		margin-top: 60px !important;
		padding: 50px 0 90px 50px;
  	}
	
    .ev360-hero-slider {
        height: auto;
        min-height: 880px !important;
    }
	
	.ev360-car-card__image-wrap {
    	display: block;
    	position: relative;
    	width: 100%;
    	height: 230px !important;
	}
	
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    	background-image: url(http://122.173.84.178:8030/ev360/wp-content/uploads/2026/03/image-2-scaled.png) !important;
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: cover;
    	background-attachment: scroll;
    	min-height: 250px;
	}
	
	.site-footer-section-1 h6.wp-block-heading {
    	font-size: 14px !important;
    	font-weight: 600 !important;
		margin-left: 10px;
	}
	
	.widget {
    	margin-bottom: 0.5em;
	}
	
	.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element {
        text-align: start;
        margin: 0 20px;
    }
	
	.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
    	margin: 0 10px;
    	width: 125%;
	}
	
    .site-footer-primary-section-2 {
        width: 200%;
        margin-left: 20px;
    }
	
    .site-footer-primary-section-3 {
        width: 150%;
        margin-left: 90px;
    }
	
	.site-footer-primary-section-4 {
        width: 100%;
        margin-left: 110px;
    }
	
	.site-footer-primary-section-5.site-footer-section.site-footer-section-5 {
    	position: absolute;
    	bottom: 2.9em;
    	right: 2em;
	}	
	
	.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
    	width: 200px !important;
	}
	
	.ast-blog-layout-6-grid .ast-article-post {
        width: 50% !important;
    }
	
	.ast-blog-layout-6-grid .ast-article-post {
        width: 100%;
    }
	
	.ast-blog-layout-6-grid .ast-article-inner {
    	box-shadow: 0px 8px 30px -2px rgba(16, 24, 40, 0.05);
    	height: 600px !important;
    	border-radius: 15px !important;
	}
	
	.main-header-bar.ast-header-breadcrumb {
    	position: absolute;
    	top: 370px;
	}
	
	.ast-blog-layout-6-grid .ast-row {
    	display: flex;
    	flex-wrap: wrap;
    	flex-flow: row wrap;
    	align-items: stretch;
    	margin: 50px 0px;
	}
	
	.ev360-hs-slide-card {
		margin-top: 60px !important;
    	padding: 20px 20px 50px 50px !important;
	}
	
	.ev360-hero-slider {
    	height: auto;
    	min-height: 950px !important;
  	}
	
	.ev360-hs-controls {
    	position: absolute;
    	bottom: 350px !important;
    	left: 90px;
    	right: -30% !important;
	}
	
	.ev360-map-sidebar {
    	border-left: none;
    	border-top: 1px solid #e2e8e4;
    	max-height: 500px !important;
	}
	
	.ev360-cars-grid {
    	display: grid;
    	gap: var(--ev360-grid-gap, 25px);
    	grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
		padding: 5px 10px !important;
	}
	
	.ev_home-post .home-blog-grid {
    	display: grid;
    	grid-template-columns: repeat(2, 1fr);
    	gap: 30px;
    	margin-top: 40px;
	}
}

@media (max-width: 767px){
	body {
    	overflow-x: hidden;
	}
	html,
	body {
    	overflow-x: hidden;
	}
	
	.ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
        padding: 15px !important;
    }
	
	.site-footer-primary-section-5.site-footer-section.site-footer-section-5 span {
    	font-size: 10px !important;
	}
	
	.site-footer-primary-section-5.site-footer-section.site-footer-section-5 {
    	display: none !important;
	}
	
	.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"] {
        display: grid;
        margin-top: -90px;
        justify-content: center;
		padding: 15px !important;
    }
	
	.ev360-single-vehicle {
		padding: 25px 20px !important;
	}
	
	.site-footer-primary-section-5.site-footer-section.site-footer-section-5 p {
    	align-items: center !important;
	}
	
	.ev_hero-slider .swiper-pagination {
		position: absolute;
		left: 110px !important;
		top: -20px;
	}
	
	.ev_hero-slider .elementor-swiper-button.elementor-swiper-button-next {
		position: absolute;
		top: 230px !important;
		right: 0px !important;
	}
	
	.ev_hero-slider .elementor-swiper-button.elementor-swiper-button-prev {
		position: absolute;
		left: 265px !important;
    	top: 230px !important
	}
	
	.ast-blog-layout-6-grid .ast-article-post {
        width: 100% !important;
    }
	
	.ast-blog-layout-6-grid .ast-article-inner {
    	box-shadow: 0px 8px 30px -2px rgba(16, 24, 40, 0.05);
    	height: 600px !important;
    	border-radius: 15px !important;
	}
	
	.elementor-8 .elementor-element.elementor-position-top .elementor-image-box-img {
    	margin-bottom: 5px !important;
    	margin-left: 20px !important;
	}
		
	.ev_scroll .card {
    	min-width: 150% !important;
    	background: #fff;
    	border-radius: 20px;
    	padding: 15px;
    	flex: 0 0 auto;
    	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    	text-align: right;
    	height: 270px;
    	align-content: center;
    	overflow: hidden;
	}
	
    .ev_scroll .car-img {
        width: 96% !important;
        margin-top: 5px;
        border-radius: 20px !important;
        position: absolute;
        left: -86px;
    }
	
	.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
    	width: 100% !important;
    	justify-items: center;
    	justify-self: center;
	}
	
	.site-footer-primary-section-1 section#block-23 {
  		display: none;
	}
	
	.site-footer-primary-section-3, .site-footer-primary-section-4 {
    	width: 150%;
    	margin-left: 20px;
    	margin-top: 20px;
	}
	
	.ev360-fin-tier-btn {
    	padding: 10px 20px;
    	border-radius: 50px;
    	border: 1.5px solid #e2e8e4;
    	background: #ffffff;
    	font-size: 12px !important;
	}
	
	.ev360-hs-slide-image img {
		height: 275px !important;
	}
	
	.ev360-fin-tier-btn {
        flex: 1;
        min-width: 0;
        padding: 10px 5px !important;
    }
	
	.widget {
   		margin: 0 !important;
	}
	
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    	background-position: left !important;
	}
	
	.site-footer-primary-section-5.site-footer-section.site-footer-section-5 {
		position: absolute;
    	bottom: 1.3em;
    	right: 2em;
	}
	
	.site-primary-footer-wrap {
   		padding-top: 45px;
   		padding-bottom: 75px;
	}
	
	.main-header-bar.ast-header-breadcrumb {
    	position: absolute;
    	top: 360px;
	}
	
  	section#block-15 {
    	justify-items: center !important;
		margin-top: 10px !important;
	}
	
	.ev360-hs-slide-card {
    	margin-top: 60px !important;
    	padding: 20px !important;
	}
	
	.ev360-hero-slider {
    	height: auto;
    	min-height: 870px !important;
	}
	
	.ev360-cars-grid {
    	display: grid;
    	gap: var(--ev360-grid-gap, 25px);
    	grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
		padding: 5px 10px !important;
	}
	
	.main-header-bar.ast-header-breadcrumb {
    	position: absolute;
    	top: 345px;
	}
		
	.footer-widget-area-inner a:hover {
    	color: #666872 !important;
    	border-bottom: 2px solid #666872 !important;
    	padding-bottom: 2px;
	}

	.ast-builder-grid-row-container-inner li {
    	padding-bottom: 8px;
	}

	.elementor-8 .elementor-element.elementor-element-b94d44f {
    	--padding-top: 0px;
    	--padding-bottom: 0px;
    	--padding-left: 80px;
    	--padding-right: 0px;
  	}
	
	section#block-15 {
    	justify-items: center !important;
		margin-top: 10px !important;
	}

	.ev360-hs-controls {
    	position: absolute;
    	bottom: 300px !important;
		left: -150px !important;
  	}
	
	.ev_home-post .home-blog-card img {
    	width: 100%;
    	height: 200px;
    	object-fit: cover;
	}
	
	.ev_home-post .home-blog-grid {
    	display: grid;
    	grid-template-columns: repeat(1, 1fr);
    	gap: 50px;
    	margin-top: 40px;
	}
	
	.ev360-cars-grid {
    	display: grid;
    	gap: var(--ev360-grid-gap, 25px);
    	grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
		padding: 5px 10px !important;
	}
	
	/* Explore Section */
	.ev360-explore-carousel-outer {
    	display: flex;
    	align-items: center;
    	gap: 0px !important;
    	padding: 0px !important;
	}
	
	.ev360-explore-carousel-outer  button.ev360-explore-arrow.ev360-explore-prev {
    	position: absolute !important;
		left: -2px !important;
		z-index: 999;
	}
	
	.ev360-explore-carousel-outer button.ev360-explore-arrow.ev360-explore-next {
    	position: absolute !important;
    	right: -2px !important;
		z-index: 999;
	}
	
	.ev360-explore-arrow {
    	width: 35px !important;
    	height: 35px !important;
	}
	
	.ev360-explore-track-outer {
    	flex: 1;
    	overflow: hidden;
    	margin: 0px !important;
	}
	
	.ev360-explore-card {
    	width: calc(100vw - 60px);
    	min-width: 0 !important;
    	max-width: 330px;
    	flex-shrink: 0;
	}
	
	.ev360-explore-card__name {
    	font-size: 18px !important;
    	font-weight: 800;
    	letter-spacing: 0.06em;
		margin-bottom: 36px !important;
    	text-align: center !important;
	}
	
	.ev360-explore-card__body {
    	display: block;
    	gap: 18px;
    	align-items: flex-start;
	}
	
	.ev360-explore-card__img-wrap {
    	width: 250px !important;
    	height: auto !important;
	}
	
	.ev360-explore-card__info {
    	flex: 1;
    	display: flex;
    	flex-direction: column;
    	gap: 10px;
    	margin-top: 30px !important;
	}
	
	.ev360-explore-card__meta {
    	font-size: 16px !important;
    	color: #6b7c76;
    	line-height: 1.4;
	}
	
	.ev360-explore-card__price {
    	font-size: 22px !important;
    	font-weight: 700;
    	color: #1a2e28;
    	margin: 10px 0 !important;
    	line-height: 1;
	}
	
	.ev360-explore-card__cta {
	    font-size: 14px !important;
	}
}


@media (max-width: 375px){
	.site-footer-primary-section-5.site-footer-section.site-footer-section-5 {
    	display: none !important;
	}
	
	.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"] {
        display: grid;
        margin-top: -90px;
        justify-content: center;
		padding: 10px 0px !important;
    }
}

@media (max-width: 430px) {
	.ev360-explore-carousel-outer {
    	display: flex;
    	align-items: center;
    	gap: 0px !important;
    	padding: 0px !important;
	}
	
	.ev360-explore-track article {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
	
	.ev360-explore-track-outer {
    	flex: 1;
    	overflow: hidden;
   		padding: 20px !important;
    	margin: 0px !important;
	}
	
	.ev360-explore-card__name {
    	font-size: 18px !important;
    	font-weight: 800;
    	letter-spacing: 0.06em;
		margin-bottom: 36px !important;
    	text-align: center !important;
	}
	
	.ev360-explore-card__body {
    	display: block !important;
    	gap: 18px;
    	align-items: flex-start;
	}
	
	.ev360-explore-card__img-wrap {
    	width: 280px !important;
    	height: auto !important;
		justify-self: center;
	}
	
	.ev360-explore-card__info {
    	flex: 1;
    	display: flex;
    	flex-direction: column;
    	gap: 10px;
    	margin-top: 30px !important;
	}
	
	.ev360-explore-card__meta {
    	font-size: 16px !important;
    	color: #6b7c76;
    	line-height: 1.4;
	}
	
	.ev360-explore-card__price {
    	font-size: 22px !important;
    	font-weight: 700;
    	color: #1a2e28;
    	margin: 10px 0 !important;
    	line-height: 1;
	}
	
	.ev360-explore-card__cta {
	    font-size: 14px !important;
	}
}


@media (max-width: 390px){
	.ev360-explore-card__img-wrap {
    	width: 285px !important;
    	height: auto !important;
		justify-self: center;
	}
}

@media (max-width: 360px){
	.ev360-explore-card__img-wrap {
    	width: 250px !important;
    	height: auto !important;
		justify-self: center;
	}
}


@media (min-width: 320px) and (max-width: 355px) {
	.ev360-explore-card {
        width: calc(100vw - 40px);
        min-width: 0 !important;
        max-width: 250px;
        flex-shrink: 0;
    }
	
	.ev360-explore-card__img-wrap {
    	width: 210px !important;
    	height: auto !important;
		justify-self: center;
	}
}