/** Import Bootstrap functions */
/** Bootstrap navbar fix (https://git.io/fADqW) */
:root {
	--primary-dark: #333;
	--secondary-dark: #167c1a;
	--bs-black: #000;
	--bs-white: #fff;
	--gray-100: #f5f5f5;
	--gray-200: #e9ecef;
	--gray-300: #ddd;
	--gray-400: #c4c4c4;
	--gray-500: #adb5bd;
	--gray-600: #707070;
	--gray-650: #7b7b7b;
	--gray-700: #434343;
	--gray-800: #343a40;
	--gray-900: #242424;
	--bs-primary: #e30614;
	--bs-secondary: #2faa25;
	--bs-dark: var(--bs-black);
	--green: #2faa25;
	--orange: #ff8900;
	--dark-green-02: #57a63d;
	--bs-body-bg: var(--bs-white);
	--bs-body-color: var(--bs-black);
	--bs-body-font-size: 1.6rem;
	--bs-body-line-height: 1.375;
	--bs-body-font-family: Roboto, Arial, Helvetica, sans-serif;
	--bs-link-color: var(--bs-secondary);
	--bs-link-hover-color: var(--secondary-dark);
	--bs-text-muted: #7b7b7b;
	--bs-font-weight-bold: 500;
	--h1-font-size: 4.6rem;
	--h2-font-size: 3rem;
	--h3-font-size: 3.6rem;
	--h4-font-size: 2rem;
	--h5-font-size: 2.2rem;
	--h6-font-size: 1.7rem;
	--h1-font-size-sm: 3.6rem;
	--h2-font-size-sm: 2.6rem;
	--h3-font-size-sm: var(--h3-font-size);
	--h4-font-size-sm: var(--h4-font-size);
	--h5-font-size-sm: var(--h5-font-size);
	--h6-font-size-sm: var(--h6-font-size);
	--headings-font-weight: 500;
	--btn-font-size: 1.7rem;
	--btn-line-height: 1.412;
	--btn-font-weight: 500;
	--btn-padding-y: 0.7rem;
	--btn-padding-x: 1.7rem;
	--btn-font-size-sm: 1rem;
	--btn-padding-y-sm: 0.4rem;
	--btn-padding-x-sm: 0.6rem;
	--btn-font-size-lg: 1.6rem;
	--btn-padding-y-lg: 1.1rem;
	--btn-padding-x-lg: 1rem;
	--input-border-color: var(--bs-black);
	--input-color: var(--bs-black);
	--input-placeholder-color: var(--bs-black);
	--input-bg: var(--bs-white);
	--input-box-shadow: none;
	--input-height: 4rem;
	--input-font-size: 1.6rem;
	--input-font-weight: 400;
	--input-padding-y: 0.4rem;
	--input-padding-x: 1.4rem;
	--input-focus-bg: var(--bs-white);
	--header-bg-color: var(--bs-black);
	--header-color: var(--bs-white);
	--header-drop-bg-color: var(--bs-black);
	--header-drop-bg-color-mobile: var(--gray-100);
	--header-drop-color: var(--bs-white);
	--header-drop-color-mobile: var(--bs-black);
	--header-drop-hover-color: var(--bs-primary);
	--extra-menu-bg-color: var(--bs-black);
	--extra-menu-color: var(--bs-white);
	--menu-bg-color-mobile: var(--bs-black);
	--menu-color-mobile: var(--bs-white);
	--footer-bg-color: var(--bs-black);
	--footer-color: var(--bs-white);
	--footer-secondary-bg-color: var(--gray-900);
	--footer-secondary-color: var(--gray-light);
	--backdrop-bg: var(--bs-black);
	--backdrop-opacity: 0.4;
	--modal-border-width: 0;
	--modal-border-color: var(--bs-white);
	--modal-bg: var(--bs-white);
	--gray-light: #7b7b7b;
	--gray-002: #212121;
	--bs-gutter-x: 3rem;
}

/** Import Bootstrap functions */
/** Bootstrap navbar fix (https://git.io/fADqW) */
:root {
	--primary-dark: #333;
	--secondary-dark: #167c1a;
	--bs-black: #000;
	--bs-white: #fff;
	--gray-100: #f5f5f5;
	--gray-200: #e9ecef;
	--gray-300: #ddd;
	--gray-400: #c4c4c4;
	--gray-500: #adb5bd;
	--gray-600: #707070;
	--gray-650: #7b7b7b;
	--gray-700: #434343;
	--gray-800: #343a40;
	--gray-900: #242424;
	--bs-primary: #e30614;
	--bs-secondary: #2faa25;
	--bs-dark: var(--bs-black);
	--green: #2faa25;
	--orange: #ff8900;
	--dark-green-02: #57a63d;
	--bs-body-bg: var(--bs-white);
	--bs-body-color: var(--bs-black);
	--bs-body-font-size: 1.6rem;
	--bs-body-line-height: 1.375;
	--bs-body-font-family: Roboto, Arial, Helvetica, sans-serif;
	--bs-link-color: var(--bs-secondary);
	--bs-link-hover-color: var(--secondary-dark);
	--bs-text-muted: #7b7b7b;
	--bs-font-weight-bold: 500;
	--h1-font-size: 4.6rem;
	--h2-font-size: 3rem;
	--h3-font-size: 3.6rem;
	--h4-font-size: 2rem;
	--h5-font-size: 2.2rem;
	--h6-font-size: 1.7rem;
	--h1-font-size-sm: 3.6rem;
	--h2-font-size-sm: 2.6rem;
	--h3-font-size-sm: var(--h3-font-size);
	--h4-font-size-sm: var(--h4-font-size);
	--h5-font-size-sm: var(--h5-font-size);
	--h6-font-size-sm: var(--h6-font-size);
	--headings-font-weight: 500;
	--btn-font-size: 1.7rem;
	--btn-line-height: 1.412;
	--btn-font-weight: 500;
	--btn-padding-y: 0.7rem;
	--btn-padding-x: 1.7rem;
	--btn-font-size-sm: 1rem;
	--btn-padding-y-sm: 0.4rem;
	--btn-padding-x-sm: 0.6rem;
	--btn-font-size-lg: 1.6rem;
	--btn-padding-y-lg: 1.1rem;
	--btn-padding-x-lg: 1rem;
	--input-border-color: var(--bs-black);
	--input-color: var(--bs-black);
	--input-placeholder-color: var(--bs-black);
	--input-bg: var(--bs-white);
	--input-box-shadow: none;
	--input-height: 4rem;
	--input-font-size: 1.6rem;
	--input-font-weight: 400;
	--input-padding-y: 0.4rem;
	--input-padding-x: 1.4rem;
	--input-focus-bg: var(--bs-white);
	--header-bg-color: var(--bs-black);
	--header-color: var(--bs-white);
	--header-drop-bg-color: var(--bs-black);
	--header-drop-bg-color-mobile: var(--gray-100);
	--header-drop-color: var(--bs-white);
	--header-drop-color-mobile: var(--bs-black);
	--header-drop-hover-color: var(--bs-primary);
	--extra-menu-bg-color: var(--bs-black);
	--extra-menu-color: var(--bs-white);
	--menu-bg-color-mobile: var(--bs-black);
	--menu-color-mobile: var(--bs-white);
	--footer-bg-color: var(--bs-black);
	--footer-color: var(--bs-white);
	--footer-secondary-bg-color: var(--gray-900);
	--footer-secondary-color: var(--gray-light);
	--backdrop-bg: var(--bs-black);
	--backdrop-opacity: 0.4;
	--modal-border-width: 0;
	--modal-border-color: var(--bs-white);
	--modal-bg: var(--bs-white);
	--gray-light: #7b7b7b;
	--gray-002: #212121;
	--bs-gutter-x: 3rem;
}

/* car-brand-section */
.car-brand-section {
	margin-block: 4.1rem;
	padding-block: 6.4rem 5.7rem;
	background-color: var(--gray-100);
}
.text-section + .car-brand-section {
	margin-block: -1.3rem 0;
}
.car-brand-section h2 {
	-webkit-margin-after: 5.4rem;
	        margin-block-end: 5.4rem;
	text-align: center;
}
.car-brand-section .row {
	row-gap: 3rem;
}
.car-brand-section .row > [class*=col] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (min-width: 768px) {
	.car-brand-section.type-2 {
		padding-block: 6.8rem 8.8rem;
	}
	.car-brand-section.type-2 h2 {
		-webkit-margin-after: 8.3rem;
		        margin-block-end: 8.3rem;
	}
}
@media (max-width: 767.98px) {
	.car-brand-section {
		padding-block: 3rem;
	}
	.car-brand-section h2 {
		-webkit-margin-after: 3rem;
		        margin-block-end: 3rem;
	}
}

/* car-brand-slider */
.car-brand-slider {
	overflow: visible;
	padding-inline: 16.5rem;
	-webkit-padding-after: 3.6rem;
	        padding-block-end: 3.6rem;
}
.car-brand-slider .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 33.33%;
	height: auto;
	padding-inline: 1.5rem;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.car-brand-slider .swiper-slide:not(.swiper-slide-visible) {
	opacity: 0.46;
	pointer-events: none;
}
.car-brand-slider .swiper-pagination {
	--swiper-pagination-bullet-width: 2.4rem;
	--swiper-pagination-bullet-height: 0.4rem;
	--swiper-pagination-bullet-horizontal-gap: 0;
	--swiper-pagination-color: var(--bs-black);
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-inactive-color: var(--bs-black);
	--swiper-pagination-bullet-inactive-opacity: 0.5;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 0.9rem;
}
.car-brand-slider .swiper-pagination .swiper-pagination-bullet {
	display: block;
	border-radius: 0;
}
.car-brand-slider .swiper-button-prev,
.car-brand-slider .swiper-button-next {
	--swiper-navigation-size: 2rem;
	width: 4rem;
	height: 4rem;
	margin-top: -3.8rem;
	color: var(--bs-white);
	background: var(--bs-black);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.car-brand-slider .swiper-button-prev:hover,
.car-brand-slider .swiper-button-next:hover {
	color: var(--bs-white);
	background: var(--bs-primary);
}
.car-brand-slider .swiper-button-prev {
	left: 5rem;
}
.car-brand-slider .swiper-button-next {
	right: 5rem;
}
@media (max-width: 1439.98px) {
	.car-brand-slider {
		padding-inline: 10rem;
	}
	.car-brand-slider .swiper-slide {
		width: 50%;
	}
}
@media (max-width: 991.98px) {
	.car-brand-slider {
		padding-inline: 0;
		margin-inline: -1rem;
	}
	.car-brand-slider .swiper-slide {
		padding-inline: 1rem;
	}
	.car-brand-slider .swiper-button-prev,
	.car-brand-slider .swiper-button-next {
		display: none;
	}
}
@media (max-width: 767.98px) {
	.car-brand-slider .swiper-slide {
		width: min(31rem, 100vw - 2rem);
	}
}

/* car-brand-box */
.car-brand-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: inherit;
}
.car-brand-box:hover {
	color: inherit;
	-webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.29);
	        box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.29);
}
.car-brand-box figure {
	width: 100%;
	margin: 0;
	background-color: var(--bs-white);
}
.car-brand-box figure .image img {
	display: block;
	width: 100%;
	aspect-ratio: 450/300;
	-o-object-fit: cover;
	   object-fit: cover;
}
.car-brand-box figure .image .swiper-pagination {
	--swiper-pagination-bullet-width: 2.4rem;
	--swiper-pagination-bullet-height: 0.4rem;
	--swiper-pagination-bullet-horizontal-gap: 0;
	--swiper-pagination-color: var(--bs-white);
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-inactive-color: var(--bs-white);
	--swiper-pagination-bullet-inactive-opacity: 0.5;
	bottom: 1.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 0.9rem;
}
.car-brand-box figure .image .swiper-pagination .swiper-pagination-bullet {
	display: block;
	border-radius: 0;
}
.car-brand-box figure figcaption {
	padding-block: 2.5rem;
	padding-inline: 3rem;
}
.car-brand-box figure figcaption h3 {
	-webkit-margin-after: 2.1rem;
	        margin-block-end: 2.1rem;
	font-size: 2rem;
	line-height: 1.1;
	text-transform: uppercase;
}
.car-brand-box figure figcaption .btn-link {
	color: inherit;
}
.car-brand-box figure figcaption .btn-link::before {
	-webkit-margin-end: 0.8rem;
	        margin-inline-end: 0.8rem;
}
.car-brand-box.type-2 figure figcaption {
	padding-block: 3.2rem;
	padding-inline: 2.4rem;
}
.car-brand-box.type-2 figure figcaption h3 {
	-webkit-margin-after: 1.4rem;
	        margin-block-end: 1.4rem;
}
@media (max-width: 767.98px) {
	.car-brand-box figure figcaption {
		padding-inline: 2.4rem;
	}
}
/*# sourceMappingURL=car-brand-section.css.map */