@charset "UTF-8";

@font-face {
	font-family: Montserrat-Thin;
	src: url(../fonts/Montserrat/Montserrat-Thin.ttf) format("truetype");
	font-weight: 100;
}

@font-face {
	font-family: Montserrat-Light;
	src: url(../fonts/Montserrat/Montserrat-Light.ttf) format("truetype");
	font-weight: 300;
}

@font-face {
	font-family: Montserrat-Regular;
	src: url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
	font-weight: 400;
}

@font-face {
	font-family: Montserrat-Medium;
	src: url(../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: Montserrat-Bold;
	src: url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
	font-weight: 700 !important;
}

@font-face {
	font-family: Montserrat-Black;
	src: url(../fonts/Montserrat/Montserrat-Black.ttf) format("truetype");
	font-weight: 900 !important;
}

body {
	font-family: Montserrat-Regular, serif;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background-color: #f7f7f7
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat-Medium, serif;
	margin-bottom: 0
}

h2 {
	font-size: 48px;
	line-height: 62px
}

h3 {
	font-size: 40px;
	line-height: 50px
}

h4 {
	font-size: 36px;
	line-height: 43px
}

h5 {
	font-size: 28px;
}

h6 {
	font-size: 20px;
	line-height: 28px
}

p {
	color: #666
}

.container {
	max-width: 1500px;
}

.btn-contul-meu {
	text-decoration: none;
	color: #fff;
	font-size: .875rem;
	line-height: 40px;
	display: flex;
	align-items: center;
	font-family: Montserrat-Bold, serif;
	gap: 10px;
	border-bottom: 2px solid transparent;
	transition: all .3s ease-in-out;
	position: relative
}

.btn-contul-meu span {
	position: relative
}

.btn-contul-meu span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 2px;
	background-color: #000eff;
	display: none
}

.btn-contul-meu.active span:after,
.btn-contul-meu:hover span:after {
	display: block
}

.btn {
	border-radius: 10px;
	transition: all .3s ease-in-out;
}

.btn-primary {
	background: #000ab2;
	border: none;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .0509803922);
	position: relative;
	overflow: hidden;
	color: #fff;
	transition: all .3s ease-in-out;
}
.btn-primary:hover {
	background: #000665;
}

.btn-primary span {
	position: relative;
	z-index: 1;
	color: #fff
}

.btn-dark {
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .0509803922);
	background: #16151e;
	border: none
}

.btn-dark:hover {
	background: #555558
}

.btn-outline-primary {
	border: none;
	border-image-slice: 1;
	border-radius: 10px;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .0509803922);
	position: relative;
	--bs-btn-color: #001c46
}

.btn-outline-primary::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px;
	padding: 1px;
	background: linear-gradient(233.07deg, #1f0eb5 14.23%, #00087a 39.2%, #b80494 85.79%);
	-webkit-mask: linear-gradient(white, #fff) content-box, linear-gradient(white, #fff);
	mask: linear-gradient(white, #fff) content-box, linear-gradient(white, #fff);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1
}

.btn-outline-primary span {
	background: linear-gradient(233.07deg, #1f0eb5 14.23%, #00087a 39.2%, #b80494 85.79%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.btn-outline-primary:hover {
	background-color: #7451bd
}

.btn-outline-primary:hover span {
	color: #fff;
	background: 0 0;
	-webkit-text-fill-color: #fff
}

.btn-outline-primary:hover span img {
	filter: invert(1) brightness(1000%) contrast(100%)
}

.btn-outline-dark:hover img.invert-on-hover {
	filter: invert(100%)
}

.btn-link {
	font-size: 16px;
	line-height: 19px;
	font-weight: 500;
	color: #1f0eb5;
	text-decoration: none
}

.redirect {
	color: initial;
	text-decoration: none
}

.redirect h6:hover {
	background: linear-gradient(20deg, #1f0eb5 -14.77%, #00087a 39.2%, #000eff 85.79%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important
}

.card {
	border: none
}

.photo-count {
	padding: 4px 8px;
	background: rgba(19, 17, 41, .1019607843);
	backdrop-filter: blur(1px);
	position: absolute;
	left: 16px;
	bottom: 16px;
	color: #fff;
	border-radius: 10px
}

.photo-count img {
	margin-right: 6px
}

.favourite {
	border-radius: 10px;
	background: rgba(94, 93, 109, .1294117647);
	backdrop-filter: blur(5px);
	top: 16px;
	right: 16px;
	position: absolute;
	display:flex;
	overflow:hidden;
}

.favourite-outlined {
	padding: 6px;
	top: 16px;
	right: 16px;
	position: absolute
}

.favourite .btn{
	font-size:20px;
	padding:3px 10px;
	border-radius:0;
	border:0;
}
.favourite .btn:hover{
	background:#000eff;
}

.card-top-image {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 6px
}

.card-body {
	padding: 16px 8px 0 8px
}

.card-body h6 {
	font-size: 16px;
	line-height: 20px
}

.card-body .simbol {
	font-size: 11px
}

.card-body .small .simbol {
	font-size: 8px
}

.car-details {
	display: grid;
	grid-template-columns: 1fr 1fr;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 5px;
	padding: 12px 0
}

.car-details .elem span {
	font-size: 13px;
	line-height: 16px;
	font-weight: 300;
	margin-left: 5px
}

@media (max-width:767px) {
	.car-details {
		grid-template-columns: 1fr;
	}
	.card-car-small .car-details .elem {
		font-size:12px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.card-car-small .card-body{
		padding: 16px 0 0 0;
	}
}

.car-badges {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	max-height: 46px;
	overflow: hidden;
}

.car-badges .badge {
	font-family: Montserrat-Light, serif;
	font-size: 14px;
	line-height: 18px;
	background: rgba(172,172,172,.14);
	color:#181818;
	border:0;
}

.location-price,
.rate-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 8px 0
}

.location-price img,
.rate-price img {
	margin-right: 10px
}

.location-price span,
.rate-price span {
	font-family: Montserrat-Bold, serif;
	font-size: 16px;
	line-height: 24px
}

.location-price .price,
.rate-price .price {
	font-family: Montserrat-Bold, serif
}

.card-car-small {
	background-color: #fff;
	border-radius: 10px;
	padding: 8px;
	transition: all .3s ease-in-out;
}

.card-car-small:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

.card-car-small .card-top-image {
	position: relative;
	width: 100%;
	padding-top: 75%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.card-car-small .car-details .elem span {
	margin-left: 2px;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500
}

.card-car-small .badge {
	font-size: 10px;
	line-height: 11px
}

.card-car-small .location,
.card-car-small .price,
.card-car-small .rate {
	font-size: 14px;
	line-height: 21px
}

.card-car-small .location,
.card-car-small .rate {
	display: flex
}

.card-car-small .location img,
.card-car-small .rate img {
	max-width: 20px
}

.card-car-small .card-footer {
	padding: 6px 0;
	display: flex;
	flex-direction: column;
	align-items: end;
	border-top: 1px solid #d3d3d3
}

.card-car-small .card-footer h5 {
	font-size: 22px;
	-webkit-background-clip: text;
	background-clip: text;
	color: #000;
	font-weight: 600;
}

.card-car-small .card-footer h5 .simbol {
	font-size: 15px
}

.card-car-small .card-footer p {
	font-size: 12px;
	line-height: 15px;
	color: #666;
	margin: 0
}

.card-car-small .card-footer p .simbol {
	font-size: 8px
}

.bg-special-gradient {
	-webkit-background-clip: text;
	background-clip: text;
	color: #000;
	text-decoration: none;
}

.custom-slider {
	position: relative
}

.custom-slider .slider-item {
	margin: 0 10px
}

.custom-slider .slick-prev {
	position: absolute;
	bottom: -90px;
	left: 0;
	height: 50px;
	width: 50px;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 5px
}

.custom-slider .slick-next {
	position: absolute;
	bottom: -90px;
	left: 82px;
	height: 50px;
	width: 50px;
	background: linear-gradient(20deg, #1f0eb5 -14.77%, #00087a 39.2%, #000eff 85.79%);
	border: none;
	border-radius: 5px
}

.text-underline-gradient {
	background: linear-gradient(233.07deg, #1f0eb5 14.23%, #00087a 39.2%, #b80494 85.79%);
	width: 100%;
	height: 2px;
	margin-top: 2px
}

.blur-active {
	filter: blur(5px);
	transition: filter .3s ease
}

@media (min-width:1279px) {
	.blur-active {
		filter: blur(0)
	}
}

.navbar {
	padding-top: 17px;
	padding-bottom: 24px;
	transition: background-color .3s ease, color .3s ease
}

.navbar .logo-color {
	display: none
}

.navbar.navbar-light .navbar-nav .nav-link {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .875rem !important;
	transition: all .3s ease-in-out;
	border-bottom: 2px solid transparent;
	position: relative
}

.navbar.navbar-light .navbar-nav .nav-link img {
	display: none
}

.navbar.navbar-light .navbar-nav .nav-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 2px;
	background-color: #000eff;
	display: none
}

.navbar.navbar-light .navbar-nav .nav-link.active:after,
.navbar.navbar-light .navbar-nav .nav-link:hover:after {
	display: block
}

body.scrolled .navbar {
	background-color: #000 !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .3)
}

.navbar-brand{
	font-size: 0;
}
.navbar .navbar-brand img {
	max-width: 90%
}

.navbar .navbar-nav {
	gap: 24px;
	margin-right: 50px
}

.navbar .navbar-nav .badge-header {
	font-size: 10px;
	line-height: 18px;
	font-weight: 600;
	padding: 2px 8px;
	margin-left: 8px
}

.navbar .wrapper-avatar-favourite {
	display: flex;
	gap: 18px
}

.navbar .wrapper-avatar-favourite .icon-negru {
	display: none
}

.navbar .mobile-settings {
	display: none
}

.navbar .mobile-display {
	display: none
}

@media (max-width:1279px) {
	.navbar {
		background-color: rgba(0, 0, 0, .9) !important
	}

	.navbar .container {
		flex-direction: row-reverse
	}

	.navbar .navbar-brand {
		border: none;
		padding: 3px 0;
		margin-right: -56px
	}

	.navbar .navbar-toggler {
		color: #fff !important;
		border: none;
		padding: 0
	}

	.navbar .navbar-toggler:focus {
		box-shadow: none
	}

	.navbar .navbar-toggler-icon {
		filter: invert(100%)
	}

	.navbar .mobile-settings {
		display: flex
	}

	.navbar .mobile-settings img {
		max-width: 32px !important
	}

	.navbar .desktop-settings {
		display: none
	}

	.navbar .navbar-collapse {
		padding-top: 20px
	}
}

body.autoflow .navbar {
	background-color: #000;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .3)
}

body.autoflow:not(.scrolled) .wrapper-avatar-favourite .icon-negru {
	display: inline
}

body.autoflow:not(.scrolled) .wrapper-avatar-favourite .icon-alb {
	display: none
}

body.autoflow:not(.scrolled) .wrapper-avatar-favourite .btn-contul-meu {
	color: #fff
}

body.autoflow:not(.scrolled) .navbar.navbar-light .navbar-nav .nav-link {
	color: #fff
}

@media (max-width:1279px) {
	body.autoflow:not(.scrolled) .wrapper-avatar-favourite .icon-negru {
		display: none
	}

	body.autoflow:not(.scrolled) .wrapper-avatar-favourite .icon-alb {
		display: inline
	}
}

.navbar {
	--bs-navbar-brand-padding-y: 0;
}


.navbar-toggler svg {
	width: 40px;
	height: 40px
}

.navbar-toggler svg .line {
	fill: none;
	stroke: #000;
	stroke-width: 6;
	transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)
}

.navbar-toggler svg .line1 {
	stroke-dasharray: 60 207;
	stroke-width: 6;
	stroke: #fff
}

.navbar-toggler svg .line2 {
	stroke-dasharray: 60 60;
	stroke-width: 6;
	stroke: #fff
}

.navbar-toggler svg .line3 {
	stroke-dasharray: 60 207;
	stroke-width: 6;
	stroke: #fff
}

.navbar-toggler[aria-expanded=true] .line1 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 6;
	stroke: #fff
}

.navbar-toggler[aria-expanded=true] .line2 {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
	stroke-width: 6;
	stroke: #fff
}

.navbar-toggler[aria-expanded=true] .line3 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 6;
	stroke: #fff
}

@media (max-width:1279px) {
	header .navbar-collapse {
		align-items: start
	}

	header .collapse:not(.show) {
		display: block
	}

	header .navbar-collapse {
		width: 50%;
		height: calc(100svh - 60px) !important;
		position: absolute;
		top: 60px;
		left: -50%;
		background-color: rgba(0, 0, 0, .9);
		padding: 20px 20px 20px 60px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
		transition: all .3s ease-in-out;
		display: flex !important;
		flex-direction: column;
		justify-content: space-between
	}

	header .navbar-collapse .navbar-nav {
		gap: 0;
		align-items: flex-start;
		width: 100%
	}

	header .navbar-collapse .navbar-nav .nav-item {
		border-bottom: 1px solid #666;
		width: 100%
	}

	header .navbar-collapse .navbar-nav .nav-item .nav-link {
		padding: 20px;
		justify-content: start !important
	}

	header .navbar-collapse .navbar-nav .nav-item .nav-link img {
		display: inline-block
	}

	header .navbar-collapse.collapsing {
		left: 0
	}

	header .navbar-collapse.show {
		left: 0
	}

	header .navbar .mobile-display {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%
	}

	header .navbar .mobile-display .btn-alb {
		color: #16151e;
		background-color: #fff;
		padding: 20px;
		border-radius: 10px;
		width: 100%
	}

	header .navbar .mobile-display .btn-negru {
		color: #fff;
		background-color: transparent;
		border: 1px solid #fff;
		padding: 20px;
		border-radius: 10px;
		width: 100%
	}
}

@media (max-width:765px) {

	header .collapse,
	header .collapsing {
		width: 100%;
		left: -100%;
		padding: 20px 20px
	}
}

@media (max-width:1279px) {
	.navbar-expand-xl {
		flex-wrap: wrap
	}

	.navbar-expand-xl .navbar-nav {
		flex-direction: column
	}

	.navbar-expand-xl .navbar-toggler {
		display: block
	}
}

@media (min-width:1280px) {
	.navbar-expand-xl .navbar-toggler {
		display: none
	}
}

.hero-banner .hero-banner-slider .slick-arrow {
	display: none !important
}

.hero-banner .slick-dots {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	position: absolute;
	right: 20%;
	bottom: 40px
}

.hero-banner .slick-dots li {
	margin: 0 5px
}

.hero-banner .slick-dots li.slick-active button {
	width: 40px;
	opacity: 1;
	border-radius: 15px
}

.hero-banner .slick-dots li button {
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 50%;
	background-color: #fff;
	opacity: .5;
	padding: 0;
	cursor: pointer;
	transition: all .3s ease;
	text-indent: 99999px;
	overflow: hidden
}

.hero-banner .slick-dots li button:hover {
	background-color: rgba(255, 255, 255, .3)
}

@media (max-width:992px) {
	.hero-banner .slick-dots {
		display: none
	}
}

.hero-banner .slide-one,
.hero-banner .slide-three,
.hero-banner .slide-two {
	background-size: cover !important;
	background-position: center !important;
	height: 673px;
	width: 100%;
	cursor: grab
}

.hero-banner .wrapper-hero-text {
	max-width: 800px;
	padding-top: 100px
}

.hero-banner .wrapper-hero-text h1 {
	line-height: 56px
}

.hero-banner .wrapper-hero-text p {
	max-width: 480px;
	margin-top: 16px
}

.hero-banner .absolute-search {
	position: absolute;
	top: -289px;
	left: 32px;
	width: 610px
}

.hero-banner .absolute-search .wrapper-tabs-search .nav-link {
	background-color: #e7e7e7;
	min-width: 50%;
	border-bottom-color: #d6d6d6;
	color: #000
}

.hero-banner .absolute-search .wrapper-tabs-search .nav-tabs {
	border-bottom: none
}

.hero-banner .absolute-search .wrapper-tabs-search .nav-tabs .nav-link {
	border-radius: 0
}

.hero-banner .absolute-search .wrapper-tabs-search .nav-tabs #nav-cars-tab {
	border-top-left-radius: 10px
}

.hero-banner .absolute-search .wrapper-tabs-search .nav-tabs #nav-commercial-tab {
	border-top-right-radius: 10px
}

.hero-banner .absolute-search .wrapper-tabs-search .nav-item.show .nav-link,
.hero-banner .absolute-search .wrapper-tabs-search .nav-tabs .nav-link.active {
	border-bottom-color: transparent;
	background: linear-gradient(to left, #1f0eb5 0, #b80494 100%) left bottom #fff no-repeat;
	background-size: 100% 2px
}

.hero-banner .absolute-search .wrapper-tabs-search .tab-pane {
	position: relative;
	z-index: 2
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container {
	background-color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-width: 610px;
	margin: auto;
	padding: 24px 34px
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters {
	display: flex;
	flex-direction: column;
	gap: 16px
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .wrapper-filters {
	display: flex;
	width: 100%;
	gap: 16px
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	flex: 1
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown {
	position: relative;
	display: inline-block
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown.active .dropdown-menu {
	display: block;
	width: 100%
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown.active .arrow {
	transform: scaleY(-1);
	top: 8px
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .dropdown-toggle {
	background: #fff;
	border: 1px solid #d0d5dd;
	padding: 8px 20px 8px 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 4px;
	width: 100%
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .dropdown-toggle:after {
	display: none
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .dropdown-toggle .dropdown-text {
	font-size: 14px;
	line-height: 15px
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .dropdown-toggle .arrow {
	position: absolute;
	right: 8px
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	border: 1px solid #d0d5dd;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	--bs-dropdown-min-width: auto
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .dropdown-menu li {
	padding: 8px;
	cursor: pointer;
	font-size: 14px;
	line-height: 15px
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .dropdown-menu li:hover {
	background: #f0f0f0
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .clear-selection {
	background: 0 0;
	border: none;
	cursor: pointer;
	color: red;
	font-size: 16px;
	line-height: 16px;
	display: none
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .filter-group .custom-dropdown .arrow {
	transition: transform .3s ease
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-actions {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-actions .search-links {
	display: flex;
	gap: 16px
}

.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-actions .search-links a {
	text-decoration: none;
	color: #16151e;
	font-size: 14px;
	line-height: 24px;
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px
}

.hero-banner .absolute-search .wrapper-tabs-search .last-search {
	cursor: pointer;
	background-color: #d6d6d6;
	padding: 16px 34px 16px 34px;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	z-index: 0;
	bottom: 8px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	display: none
}

.hero-banner .absolute-search .wrapper-tabs-search .last-search .title {
	font-family: Montserrat-Bold, serif;
}

@media (max-width:765px) {
	.hero-banner h1 {
		font-size: 50px;
		line-height: 50px
	}

	.hero-banner .absolute-search {
		width: 500px
	}

	.hero-banner .absolute-search .wrapper-tabs-search .nav-link {
		min-width: 50%
	}

	.hero-banner .absolute-search .wrapper-tabs-search .search-container {
		padding: 15px 15px
	}

	.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .wrapper-filters {
		display: grid;
		grid-template-columns: 1fr 1fr
	}

	.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-actions {
		flex-direction: column;
		gap: 15px
	}

	.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-actions .search-links {
		flex-direction: row;
		gap: 15px
	}
}

@media (max-width:640px) {
	.hero-banner .absolute-search {
		top: -276px
	}
}

@media (max-width:576px) {
	.hero-banner {
		background-color: #000
	}

	.hero-banner .slide-one,
	.hero-banner .slide-three,
	.hero-banner .slide-two {
		height: 500px
	}

	.hero-banner h1 {
		font-size: 35px;
		line-height: 40px !important
	}

	.hero-banner .absolute-search {
		position: relative;
		width: auto;
		top: -125px;
		left: 0
	}

	.hero-banner .absolute-search .wrapper-tabs-search .nav-link {
		min-width: 50%
	}

	.hero-banner .absolute-search .wrapper-tabs-search .search-container .search-filters .wrapper-filters {
		grid-template-columns: 1fr
	}

	.hero-banner .absolute-search .wrapper-tabs-search .nav-link span {
		display: none
	}
}

.list-checked {
	padding: 30px 0;
	background-color: #000
}

.list-checked .wrapper-element {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.list-checked .wrapper-element .elem {
	margin-bottom: 12px
}

.list-checked .wrapper-element .elem img {
	max-width: 30px
}

.list-checked .wrapper-element .elem span {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	color: #fff;
	margin-left: 8px
}

@media (max-width:576px) {
	.list-checked {
		padding: 0 0 50px 0
	}

	.list-checked .wrapper-element {
		flex-direction: column
	}
}

.offers-slide-home {
	padding-bottom: 50px
}

.offers-slide-home .wrapper-title-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 30px 0
}

.offers-slide-home .featured-card {
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	transition: all .3s ease-in-out;
	height: 100%;
	position: relative;
	padding-bottom: 115px
}

.offers-slide-home .featured-card .card-top-image {
	padding: 8px
}

.offers-slide-home .featured-card .card-body {
	padding: 16px 16px 0 16px
}

.offers-slide-home .featured-card .carousel-future-card {
	border-radius: 6px
}

.offers-slide-home .featured-card .carousel-future-card .slick-arrow {
	display: none !important
}

.offers-slide-home .featured-card .carousel-future-card .slick-dots {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	bottom: 20px
}

.offers-slide-home .featured-card .carousel-future-card .slick-dots li {
	margin: 0 5px
}

.offers-slide-home .featured-card .carousel-future-card .slick-dots li.slick-active button {
	width: 40px;
	opacity: 1;
	border-radius: 15px
}

.offers-slide-home .featured-card .carousel-future-card .slick-dots li button {
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 50%;
	background-color: #fff;
	opacity: .5;
	padding: 0;
	cursor: pointer;
	transition: all .3s ease;
	text-indent: 99999px;
	overflow: hidden
}

.offers-slide-home .featured-card .carousel-future-card .slick-dots li button:hover {
	background-color: rgba(255, 255, 255, .3)
}

.offers-slide-home .featured-card .carousel-future-card .carousel-item {
	cursor: grab
}

.offers-slide-home .featured-card .carousel-future-card .carousel-item img {
	max-height: 400px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

@media (max-width:1240px) {
	.offers-slide-home .featured-card .carousel-future-card .carousel-item img {
		max-height: 377px
	}
}

@media (max-width:992px) {
	.offers-slide-home .featured-card .carousel-future-card .carousel-item img {
		max-height: 606px
	}
}

@media (max-width:765px) {
	.offers-slide-home .featured-card .carousel-future-card .carousel-item img {
		max-height: 440px
	}
}

@media (max-width:576px) {
	.offers-slide-home .featured-card .carousel-future-card .carousel-item img {
		max-height: 330px
	}
}

.offers-slide-home .featured-card .car-details {
	grid-template-columns: 1fr 1fr 1fr
}

.offers-slide-home .featured-card .card-body h6 {
	font-size: 25px;
	line-height: 45px
}

.offers-slide-home .featured-card .card-body .car-details {
	padding: 17px 0;
	row-gap: 10px
}

.offers-slide-home .featured-card .card-body .car-badges {
	padding-bottom: 17px;
	gap: 15px
}

.offers-slide-home .featured-card .card-body .location-price,
.offers-slide-home .featured-card .card-body .rate-price {
	margin: 12px 0
}

.offers-slide-home .featured-card .card-body .location-price .simbol,
.offers-slide-home .featured-card .card-body .rate-price .simbol {
	font-size: 11px
}

.offers-slide-home .featured-card .card-footer {
	padding: 16px;
	background-color: transparent;
	text-align: end;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #d3d3d3
}

.offers-slide-home .featured-card .card-footer h5 {
	line-height: 42px;
	margin-bottom: 4px;
	background: linear-gradient(233.07deg, #1f0eb5 14.23%, #00087a 39.2%, #b80494 85.79%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent
}

.offers-slide-home .featured-card .card-footer p {
	font-size: 14px;
	line-height: 21px;
	font-weight: 500
}

.offers-slide-home .featured-card .card-footer .simbol {
	font-size: 20px
}

.offers-slide-home .featured-card .card-footer p .simbol {
	font-size: 11px
}

.offers-slide-home .card-slider {
	display: flex;
	overflow-x: auto;
	gap: 10px;
	width: 100%
}

.offers-slide-home .card-slider .cards {
	display: flex;
	gap: 10px;
	flex-direction: column;
	width: 99%
}

.offers-slide-home .card-slider .cards .card {
	background: #fff;
	border-radius: 10px;
	flex-direction: row;
	transition: all .3s ease-in-out;
	display: grid;
	grid-template-columns: 224px auto
}

.offers-slide-home .card-slider .cards .card:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

.offers-slide-home .card-slider .cards .card .card-image {
	width: 224px;
	min-height: 168px;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}

.offers-slide-home .card-slider .cards .card .card-body {
	padding: 8px 16px 8px 16px
}

.offers-slide-home .card-slider .card-body .favourite-outlined {
	top: 2px;
	right: 10px
}

.offers-slide-home .card-slider .card-body .car-details {
	padding: 10px 0 5px;
	row-gap: 8px;
	column-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr
}

.offers-slide-home .card-slider .card-body .car-details .elem span {
	font-size: 14px;
	line-height: 21px;
	font-weight: 500
}

.offers-slide-home .card-slider .card-body .car-price {
	border-top: 1px solid #d3d3d3
}

.offers-slide-home .card-slider .card-body .car-price h6 {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	align-items: flex-end;
	padding-top: 14px
}

.offers-slide-home .card-slider .card-body .car-price h6 .small {
	color: #5e5d6d;
	font-size: 12px;
	line-height: 15px
}

@media (max-width:1300px) {
	.offers-slide-home .card-slider .cards .card {
		grid-template-columns: 200px auto
	}

	.offers-slide-home .card-slider .cards .card .card-image {
		width: 200px;
		min-height: 150px
	}
}

@media (max-width:1240px) {
	.offers-slide-home .featured-card {
		padding-bottom: 100px
	}

	.offers-slide-home .featured-card .card-body {
		padding: 8px 8px 0 8px
	}

	.offers-slide-home .featured-card .card-body h6 {
		font-size: 23px;
		line-height: 30px
	}

	.offers-slide-home .featured-card .card-body .car-details {
		padding: 7px 0;
		row-gap: 5px
	}

	.offers-slide-home .featured-card .card-body .car-badges {
		padding-bottom: 0;
		gap: 10px
	}

	.offers-slide-home .featured-card .card-body .car-badges .badge {
		font-size: 11px;
		line-height: 16px
	}

	.offers-slide-home .featured-card .card-body .location-price,
	.offers-slide-home .featured-card .card-body .rate-price {
		margin: 8px 0
	}

	.offers-slide-home .featured-card .card-footer {
		padding: 8px
	}

	.offers-slide-home .card-slider .cards .card {
		display: flex;
		flex-direction: column
	}

	.offers-slide-home .card-slider .cards .card .card-image {
		width: 100%;
		min-height: 200px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.offers-slide-home .card-slider .cards>:nth-child(n+3) {
		display: none
	}
}

@media (max-width:992px) {
	.offers-slide-home {
		display: none
	}
}

.match-car {
	padding: 40px 0 50px 0
}

.match-car h5 {
	margin-bottom: 40px
}

.match-car .inner-match-car {
	background-color: #fff;
	border-radius: 10px;
	padding-bottom: 11px
}

.match-car .wrapper-all-cars {
	padding: 32px 32px 16px 32px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	transition: all .3s ease-in-out
}

.match-car .elem {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border: 1px solid transparent;
	transition: all .3s ease-in-out;
	border-radius: 10px;
	cursor: pointer
}

.match-car .elem:hover {
	border: 1px solid #7451bd;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

.match-car .elem .image-wrapper {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	min-width: 120px;
	min-height: 90px
}

.match-car .wrapper-buttons {
	text-align: center
}

.match-car .wrapper-buttons .btn-primary {
	font-size: 14px;
	line-height: 17px;
	font-weight: 500
}

.simple-banner {
	background: radial-gradient(87.5% 196.88% at 12.5% 90.42%, #131129 0, rgba(0, 0, 0, .77) 43.33%, rgba(0, 0, 0, 0) 100%), url(../img/banner-01.jpg);
	background-size: cover;
	background-position: center top 65%;
	height: 450px
}

.simple-banner .inner-simple-banner {
	display: flex;
	height: 100%;
	align-content: center;
	flex-wrap: wrap
}

.simple-banner .inner-simple-banner .wrapper-banner-text {
	max-width: 482px
}

.simple-banner .inner-simple-banner .wrapper-banner-text h3 {
	margin-bottom: 16px
}

.simple-banner .inner-simple-banner .wrapper-banner-text p {
	margin-bottom: 24px
}

.latest-models {
	padding: 40px 0 30px 0
}

.latest-models h3 {
	margin-bottom: 36px
}

.finance {
	padding-bottom: 60px;
	scroll-margin-top: 130px
}

.finance h3 {
	margin-bottom: 20px
}

.finance h2 {
	font-size: 40px;
	line-height: 50px
}

.finance .row {
	--bs-gutter-x: 48px
}

.finance .calculator {
	background: #fff;
	padding: 32px;
	border: 1px solid;
	border-image-source: linear-gradient(155.65deg, #1f0eb5 -23.06%, rgba(0, 8, 122, 0) 38.26%, rgba(184, 4, 148, 0) 65.64%);
	border-image-slice: 1;
	border-image-width: 1;
	border-image-outset: 0;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .05)
}

.finance .slider-container {
	margin-bottom: 20px
}

.finance .range-top {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.finance .range-top label {
	font-family: Montserrat-Bold, serif;
	font-size: 16px;
	line-height: 24px;
	color: #16151e
}

.finance .range-top .value {
	font-size: 14px;
	line-height: 21px;
	font-family: Montserrat-Bold, serif;
	color: #16151e
}

.finance .range-top .value .simbol {
	font-size: 10px
}

.finance input[type=range] {
	appearance: none;
	width: 100%;
	height: 6px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: 0;
	position: relative
}

.finance input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: #4338ca;
	border-radius: 50%;
	border: 4px solid #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	cursor: pointer;
	margin-top: -8px;
	position: relative
}

.finance input[type=range]::-webkit-slider-runnable-track {
	height: 6px;
	border-radius: 5px;
	background: linear-gradient(90deg, #4338ca 0, #4338ca 50%)
}

.finance .values {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	font-size: 14px;
	color: #666
}

.finance .wrapper-calc-details {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: Montserrat-Bold, serif;
	padding: 8px 0
}

.finance .wrapper-calc-details .left-text {
	color: #666
}

.finance .wrapper-calc-details .right-text {
	color: #16151e
}

.finance .wrapper-calc-details .right-text .simbol {
	font-size: 11px
}

.finance .attention {
	padding-top: 16px
}

.finance .attention p {
	font-size: 14px;
	line-height: 21px;
	color: #666
}

.finance .attention p span {
	font-size: 16px;
	line-height: 24px;
	color: #ed4141
}

.finance .right-side-text {
	max-width: 465px
}

.finance .right-side-text h2 {
	margin-bottom: 20px
}

.finance .right-side-text p {
	margin-bottom: 20px
}

.finance .right-side-text blockquote {
	margin-top: 52px
}

.finance .right-side-text blockquote p {
	margin-bottom: 24px
}

.finance .right-side-text blockquote .img-name {
	display: flex;
	gap: 8px;
	align-items: center
}

.finance .right-side-text blockquote .img-name img {
	max-width: 40px;
	border-radius: 50%
}

.finance .right-side-text blockquote .img-name .name {
	color: #666
}

@media (max-width:992px) {
	.finance .right-side-text {
		max-width: 100%;
		margin-bottom: 30px
	}
}

.brands {
	padding: 40px 0 60px 0;
	background-color: #16151e
}

.brands h3 {
	color: #fff;
	margin-bottom: 40px
}

.brands .wrapper-all-brands {
	display: grid;
	grid-template-columns: repeat(7, max-content);
	justify-content: center;
	gap: 30px
}

.brands .wrapper-all-brands .brand {
	position: relative;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center
}

.brands .wrapper-all-brands .brand:not(:last-child):after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #4f4f4f;
	position: absolute;
	top: 0;
	right: -15px
}

.brands .wrapper-all-brands .brand img {
	max-width: 225px;
	max-height: 40px
}

@media (max-width:1200px) {
	.brands .wrapper-all-brands {
		grid-template-columns: repeat(3, max-content)
	}

	.brands .wrapper-all-brands .brand:nth-child(3):after {
		display: none
	}

	.brands .wrapper-all-brands .brand img {
		max-width: 225px;
		max-height: 50px
	}
}

@media (max-width:575px) {
	.brands .wrapper-all-brands {
		grid-template-columns: auto
	}

	.brands .wrapper-all-brands .brand:not(:last-child)::after {
		width: 100%;
		height: 2px;
		top: auto;
		bottom: -15px;
		right: 0
	}

	.brands .wrapper-all-brands .brand:nth-child(3):after {
		display: block
	}
}

.reviews {
	padding: 40px 0 60px;
	margin-bottom: 90px
}

.reviews h3 {
	margin-bottom: 20px
}

.reviews .subtitle-rating {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 40px
}

.reviews .subtitle-rating h3 {
	margin-bottom: 0
}

.reviews .subtitle-rating p {
	margin-bottom: 0
}

.reviews .subtitle-rating .stars {
	gap: 5px;
	display: flex
}

.reviews .reviews-slider {
	position: relative
}

.reviews .reviews-slider .card-img-top {
	padding: 8px
}

.reviews .reviews-slider .card-text {
	min-height: 73px
}

.reviews .reviews-slider .reviewer-wrapper {
	display: flex;
	align-items: center;
	padding-bottom: 8px
}

.reviews .reviews-slider .reviewer-wrapper .image {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-right: 8px
}

.reviews .reviews-slider .reviewer-wrapper .text {
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	font-size: 14px;
	font-weight: 500
}

@media (max-width:576px) {
	.reviews {
		margin-bottom: 0
	}
}

.services {
	background-color: #fff;
	padding: 40px 0
}

.services .title {
	margin-bottom: 40px
}

.services .title h3 {
	margin-bottom: 8px
}

.services .services-wrapper .row {
	row-gap: 20px
}

.services .services-wrapper .services-link {
	text-decoration: none;
	color: #000
}

.services .services-wrapper .services-link .item {
	background-color: #fafafa;
	border-radius: 10px;
	padding: 40px 24px;
	transition: all .3s ease-in-out;
	border-bottom: 8px solid transparent
}

.services .services-wrapper .services-link .item .description-item span {
	color: #666
}

.services .services-wrapper .services-link .item:hover {
	border-bottom: 8px solid #00087a
}

.news {
	padding: 40px 0;
	margin-bottom: 90px
}

.news .wrapper-title-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px
}

.news .card {
	background: 0 0
}

.news .card .card-title {
	margin-bottom: 24px
}

.news .card .card-title h6 {
	max-width: 90%;
	margin-bottom: 16px
}

.news .card .card-title .date {
	color: #666
}

.news .card .card-img-top {
	border-radius: 6px
}

.news .card .card-body {
	padding: 16px 0
}

.news .card .card-body .nav-link {
	color: #000;
	text-decoration: underline;
	text-underline-offset: 2px;
	font-family: Montserrat-Bold, serif;
}

@media (max-width:576px) {
	.news {
		margin-bottom: 0
	}

	.news .wrapper-title-section {
		flex-direction: column
	}
}

.filter-cars {
	background-color: #f0f0f0;
	padding: 30px 0 15px 0;
}

.filter-cars.show {
	display: none;
}

.filter-cars form {
	border-radius: 4px;
}

.filter-cars form .form-control {
	border: 1px solid #d0d5dd;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	padding: 11px 20px 11px 8px;
}

.filter-cars form .form-control:focus {
	box-shadow: none;
}

.filter-cars form .btn-primary {
	border-radius: 0 4px 4px 0;
	padding: 8px 10px
}

.filter-cars form .btn-primary img {
	max-width: 20px
}

.filter-cars .custom-checkbox {
	display: flex;
	align-items: center;
	height: 100%;
	gap: 6px
}

.filter-cars .btn-link {
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0;
	text-decoration: underline;
	text-underline-offset: 5px;
	font-family: Montserrat-Bold, serif;
}

.filter-cars .search-filters {
	display: flex;
	flex-direction: column;
	gap: 16px
}

.filter-cars .search-filters .wrapper-filters {
	display: flex;
	width: 100%;
	gap: 16px
}

.filter-cars .search-filters .filter-group {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	flex: 1
}

.filter-cars .search-filters .filter-group .custom-dropdown {
	position: relative;
	display: inline-block
}

.filter-cars .search-filters .filter-group .custom-dropdown.active .dropdown-menu {
	display: block;
	width: 100%
}

.filter-cars .search-filters .filter-group .custom-dropdown.active .arrow {
	transform: scaleY(-1);
	top: 8px
}

.filter-cars .search-filters .filter-group .custom-dropdown .dropdown-toggle {
	background: #fff;
	border: 1px solid #d0d5dd;
	padding: 12px 20px 12px 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 4px;
	width: 100%
}

.filter-cars .search-filters .filter-group .custom-dropdown .dropdown-toggle:after {
	display: none
}

.filter-cars .search-filters .filter-group .custom-dropdown .dropdown-toggle .dropdown-text {
	font-size: 14px;
	line-height: 15px
}

.filter-cars .search-filters .filter-group .custom-dropdown .dropdown-toggle .arrow {
	position: absolute;
	right: 8px
}

.filter-cars .search-filters .filter-group .custom-dropdown .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	border: 1px solid #d0d5dd;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	--bs-dropdown-min-width: auto
}

.filter-cars .search-filters .filter-group .custom-dropdown .dropdown-menu li {
	padding: 8px;
	cursor: pointer;
	font-size: 14px;
	line-height: 15px
}

.filter-cars .search-filters .filter-group .custom-dropdown .dropdown-menu li:hover {
	background: #f0f0f0
}

.filter-cars .search-filters .filter-group .custom-dropdown .clear-selection {
	background: 0 0;
	border: none;
	cursor: pointer;
	color: red;
	font-size: 16px;
	line-height: 16px;
	display: none
}

.filter-cars .search-filters .filter-group .custom-dropdown .arrow {
	transition: transform .3s ease
}

.filter-cars .more-filters {
	padding: 30px 0;
	margin-top: 30px;
	border-top: 1px solid #dcdde0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px
}

.filter-cars .more-filters .extra-filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 40%;
	cursor: pointer;
	transition: all .3s
}

.filter-cars .more-filters .extra-filter .inner-extra-filter {
	display: flex;
	flex-direction: column
}

.filter-cars .more-filters .extra-filter .inner-extra-filter .extra-filter-options {
	font-size: 12px;
	line-height: 15px;
	color: #666
}

.filter-cars .more-filters .extra-filter:hover .extra-filter-name {
	text-decoration: underline
}

.filter-cars .modal {
	--bs-modal-width: 800px;
	height: 100vh
}

.filter-cars .modal .modal-body {
	min-height: 300px
}

.filter-cars .modal .custom-checkbox {
	column-gap: 10px;
	cursor: pointer
}

.filter-cars .modal .custom-checkbox input[type=checkbox] {
	width: 16px;
	height: 16px
}

.filter-cars .modal .custom-dropdown {
	position: relative;
	display: inline-block;
	width: 50%;
	margin: 10px 0
}

.filter-cars .modal .custom-dropdown.active .dropdown-menu {
	display: block;
	width: 100%
}

.filter-cars .modal .custom-dropdown.active .arrow {
	transform: scaleY(-1);
	top: 8px
}

.filter-cars .modal .custom-dropdown .dropdown-toggle {
	background: #f0f0f0;
	border: 1px solid #d0d5dd;
	padding: 12px 20px 12px 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 4px;
	width: 100%
}

.filter-cars .modal .custom-dropdown .dropdown-toggle:after {
	display: none
}

.filter-cars .modal .custom-dropdown .dropdown-toggle .dropdown-text {
	font-size: 14px;
	line-height: 15px
}

.filter-cars .modal .custom-dropdown .dropdown-toggle .arrow {
	position: absolute;
	right: 8px
}

.filter-cars .modal .custom-dropdown .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	border: 1px solid #d0d5dd;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	--bs-dropdown-min-width: auto
}

.filter-cars .modal .custom-dropdown .dropdown-menu li {
	padding: 8px;
	cursor: pointer;
	font-size: 14px;
	line-height: 15px
}

.filter-cars .modal .custom-dropdown .dropdown-menu li:hover {
	background: #f0f0f0
}

.filter-cars .modal .custom-dropdown .clear-selection {
	background: 0 0;
	border: none;
	cursor: pointer;
	color: red;
	font-size: 16px;
	line-height: 16px;
	display: none
}

.filter-cars .modal .custom-dropdown .arrow {
	transition: transform .3s ease
}

.filter-cars .modal .capitol-inner-modal .title {
	font-size: 16px;
	line-height: 20px;
	font-family: Montserrat-Bold, serif;
}

.filter-cars .modal .capitol-inner-modal .grid-checkbox {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	row-gap: 5px;
	margin: 8px 0 10px 0
}

.filter-cars .modal .split-half {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px
}

.filter-cars .modal .split-half .title {
	display: block
}

.filter-cars .modal .modal-footer {
	justify-content: center
}

@media (max-width:1279px) {
	.filter-cars .navbar {
		background-color: transparent !important
	}
}

@media (max-width:992px) {
	.filter-cars {
		display: none
	}

	.filter-cars.show {
		display: block
	}

	.filter-cars .search-filters .wrapper-filters {
		display: grid;
		grid-template-columns: 1fr 1fr
	}

	.filter-cars .more-filters {
		padding: 20px 0;
		margin-top: 15px;
		gap: 15px
	}

	.filter-cars .more-filters .extra-filter {
		width: 45%
	}
}

@media (max-width:765px) {
	.filter-cars .modal .split-half {
		grid-template-columns: 1fr
	}

	.filter-cars .modal .capitol-inner-modal .grid-checkbox {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width:576px) {
	.filter-cars .search-filters .wrapper-filters.mobil-view {
		grid-template-columns: 1fr
	}

	.filter-cars .modal .split-half .side div {
		flex-wrap: wrap
	}

	.filter-cars .modal .split-half .side div .custom-dropdown {
		width: 100%
	}
}

@media (max-width:455px) {
	.filter-cars .more-filters .extra-filter {
		width: 100%
	}
}

.wrapper-breadcrumb {
	padding: 15px 0;
	text-align: center;
	background-color: #f0f0f0
}

.wrapper-breadcrumb .breadcrumb {
	display: flex;
	justify-content: start;
	align-items: center;
	margin: 0;
	gap: 20px;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.wrapper-breadcrumb .breadcrumb-item {
	position: relative;
	font-size: 12px;
	line-height: 15px
}

.wrapper-breadcrumb .breadcrumb-item a {
	color: #666;
	text-decoration: none;
	font-weight: 500;
	transition: all .3s
}

.wrapper-breadcrumb .breadcrumb-item a:hover {
	color: #16151e
}

.wrapper-breadcrumb .breadcrumb-item.active {
	font-family: Montserrat-Bold, serif;
}

.wrapper-breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	content: ".";
	top: 3px;
	position: absolute;
	line-height: 1px;
	padding: 0 7px;
	left: -13px;
	font-size: 18px;
	color: #16151e
}

.sort-results {
	padding: 24px 0 24px 0
}

.sort-results .inner-sort-results {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 24px
}

.sort-results .left-side {
	display: flex;
	flex-direction: column
}

.sort-results .left-side .sort-title {
	font-size: 20px;
	line-height: 30px;
	font-family: Montserrat-Bold;
	color: #16151e;
	margin-bottom: 12px
}

.sort-results .left-side .cars-number-text {
	color: #666
}

.sort-results .left-side .cars-number {
	font-family: Montserrat-Bold, serif;
	color: #16151e
}

.sort-results .right-side {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px
}

.sort-results .right-side .sort-container {
	position: relative;
	display: inline-block
}

.sort-results .right-side .sort-container .btn-link {
	color: #16151e
}

.sort-results .right-side .sort-container .sort-options {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	list-style: none;
	padding: 0;
	margin: 5px 0;
	width: 120px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.sort-results .right-side .sort-container .sort-options li {
	padding: 10px;
	cursor: pointer
}

.sort-results .right-side .sort-container .sort-options li:hover {
	background: #007bff;
	color: #fff
}

.sort-results .right-side .grid-arrange-2 .btn-link {
	background: #fff;
	padding: 7px
}

.sort-results .right-side .grid-arrange-1 .btn-primary {
	padding: 7px
}

.sort-results .right-side .save-search button {
	display: flex;
	align-items: center;
	padding: 8px 10px;
}

@media (max-width:992px) {
	.sort-results .inner-sort-results {
		flex-direction: column;
		align-items: start;
		gap: 20px
	}
}

@media (max-width:765px) {
	.sort-results .right-side {
		gap: 5px;
		justify-content: space-between;
		width: 100%
	}

	.sort-results .right-side .grid-arrange-1,
	.sort-results .right-side .grid-arrange-2 {
		display: none
	}
}

@media (max-width:576px) {
	.sort-results .left-side .sort-title {
		margin-bottom: 0
	}
}

.wrapper-pagination {
	padding: 20px 0 30px 0
}

.wrapper-pagination .inner-wrapper-pagination {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.wrapper-pagination .btn-link {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #16151e
}

.wrapper-pagination .btn-link img {
	max-width: 17px
}

.wrapper-pagination .btn-link:hover {
	text-decoration: underline;
	text-underline-offset: 5px
}

.wrapper-pagination nav .pagination {
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14px
}

.wrapper-pagination nav .pagination .page-item {
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: 0 0;
	border: 1px solid transparent;
	border-radius: 6px;
	transition: all .3s ease-in-out;
	margin: 0 2px
}

.wrapper-pagination nav .pagination .page-item .page-link {
	border: none;
	background-color: transparent;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	padding: 8px;
	color: #16151e
}

.wrapper-pagination nav .pagination .page-item .page-link[aria-label=Previous] svg {
	width: 15px
}

.wrapper-pagination nav .pagination .page-item .page-link[aria-label=Next] svg {
	width: 15px
}

.wrapper-pagination nav .pagination .page-item.active {
	border-color: #1f0eb5;
	background: #1f0eb5;
}

.wrapper-pagination nav .pagination .page-item.active a {
	color: #fff;
}

.wrapper-pagination nav .pagination .page-item:hover {
	border-color: #1f0eb5
}

.wrapper-pagination nav .pagination .page-item:first-child:hover {
	border-color: transparent
}

.wrapper-pagination nav .pagination .page-item:first-child .page-link {
	border-radius: 6px;
	padding: 10px
}

.wrapper-pagination nav .pagination .page-item:last-child:hover {
	border-color: transparent
}

.wrapper-pagination nav .pagination .page-item:last-child .page-link {
	border-radius: 6px;
	padding: 10px
}

@media (max-width:576px) {
	.wrapper-pagination .inner-wrapper-pagination {
		flex-direction: column
	}
}

.wrapper-buttons-fav-share {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 24px
}

.wrapper-buttons-fav-share .btn-link img {
	margin-right: 10px
}

@media (max-width:992px) {
	.wrapper-buttons-fav-share {
		justify-content: left
	}
}

.product-page-style .car-details {
	padding: 10px 0;
	grid-template-columns: repeat(auto-fill, 116px)
}

@media (max-width:992px) {
	.product-page-style .car-details {
		max-width: 100%
	}
}

@media (max-width:765px) {
	.product-page-style h3 {
		font-size: 30px;
		line-height: 36px
	}
}

.wrapper-slider .image-box {
	margin-bottom: 25px
}

.wrapper-slider .image-box .product-top-slider {
	margin-bottom: 20px
}

.wrapper-slider .image-box .product-top-slider .slick-prev {
	position: absolute;
	bottom: auto;
	left: -12px;
	top: 50%;
	z-index: 99;
	height: 50px;
	width: 50px;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 5px
}

.wrapper-slider .image-box .product-top-slider .slick-next {
	position: absolute;
	bottom: auto;
	right: -12px;
	top: 50%;
	height: 50px;
	width: 50px;
	background: linear-gradient(20deg, #1f0eb5 -14.77%, #00087a 39.2%, #000eff 85.79%);
	border: none;
	border-radius: 5px
}

.wrapper-slider .image-box .slick-slide {
	padding: 0 5px
}

.wrapper-slider .image-box .more-images {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 20%, rgba(0, 0, 0, .6) 73%);
	color: #fff;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center
}

.scroll-menu {
	background-color: #fff;
	display: none;
	opacity: 0;
	left: 0;
	padding: 10px 0;
	position: fixed;
	top: 62px;
	width: 100%;
	z-index: 1700;
	transition: all .3s;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .3)
}

.scroll-menu.active {
	display: block;
	opacity: 1
}

.scroll-menu .scroll-menu-wrapper {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.scroll-menu .menu-left {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	width: 70%
}

.scroll-menu .menu-left .product-img-wrapper {
	height: 75px;
	margin: 0 25px 0 0;
	width: 100px
}

.scroll-menu .menu-left .product-img-wrapper img {
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
	border-radius: 6px
}

.scroll-menu .menu-left .product-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 150px)
}

.scroll-menu .menu-left .product-info h5 {
	font-size: 23px
}

.scroll-menu .menu-left .product-info .product-final-price {
	font-size: 18px;
	line-height: 24px;
	font-family: Montserrat-Bold, serif;
}

.scroll-menu .menu-left .product-info .product-final-price-small {
	font-size: 14px;
	line-height: 17px;
	font-family: Montserrat-Bold, serif;
}

.scroll-menu .menu-left .product-info .simbol {
	font-size: 13px
}

.scroll-menu .menu-left .product-info .tva-text {
	font-size: 12px;
	color: #666
}

.scroll-menu .menu-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
	width: 30%
}

@media (max-width:1280px) {
	.scroll-menu {
		top: 60px
	}
}

@media (max-width:992px) {
	.scroll-menu.active {
		display: none;
		opacity: 0
	}
}

.wrapper-slider-info {
	padding: 24px 0
}

.wrapper-slider-info .wrapper-slider .image-box {
	margin-bottom: 25px
}

.wrapper-slider-info .wrapper-slider .image-box .product-top-slider {
	margin-bottom: 20px;
	cursor: grab
}

.wrapper-slider-info .wrapper-slider .image-box .slick-slide {
	padding: 0 5px
}

.wrapper-slider-info .wrapper-slider .image-box .slick-slide img {
	border-radius: 6px
}

.wrapper-slider-info .wrapper-slider .image-box .more-images {
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 20%, rgba(0, 0, 0, .6) 73%);
	color: #fff;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center
}

.wrapper-slider-info .wrapper-slider .image-box .product-bottom-slider {
	cursor: grab
}

.wrapper-slider-info .wrapper-info {
	padding: 24px;
	z-index: 1800;
	border-radius: 10px;
	position: sticky;
	top: 100px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
	background: #fff;
}

.wrapper-slider-info .wrapper-info .grid-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px
}

.wrapper-slider-info .wrapper-info .grid-between span .simbol {
	font-size: 11px;
}

.wrapper-slider-info .wrapper-info .btn img {
	margin-right: 8px
}

.wrapper-slider-info .wrapper-info .btn-outline-primary {
	border: 1px solid #1f0eb5;
	margin-bottom: 8px
}

.wrapper-slider-info .wrapper-info-for-mobile {
	position: fixed;
	top: auto;
	bottom: 0;
	z-index: 999;
	width: 100%;
	left: 0;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 32px;
	border: 1px solid #d7e1ef;
	border-radius: 6px 6px 0 0
}

.wrapper-slider-info .wrapper-info-for-mobile .left-side {
	display: flex;
	flex-direction: column
}

.wrapper-slider-info .wrapper-info-for-mobile .left-side .price {
	font-family: Lato-Black, serif;
}

.wrapper-slider-info .wrapper-info-for-mobile .left-side .price .small {
	font-family: Montserrat-Regular, serif;
}

.wrapper-slider-info .wrapper-info-for-mobile .right-side {
	display: flex;
	align-items: center;
	gap: 15px
}

.wrapper-slider-info .wrapper-info-for-mobile .right-side button {
	border: none;
	background-color: transparent
}

.wrapper-slider-info .wrapper-info-for-mobile .icon-open-popup {
	cursor: pointer;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	background-color: #fff;
	border-top: 1px solid #d7e1ef;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 7px
}

.wrapper-slider-info .wrapper-info-for-mobile .icon-open-popup img {
	width: 30px
}

@media (max-width:765px) {
	.wrapper-slider-info .wrapper-slider .big-image {
		min-height: 340px
	}

	.wrapper-slider-info .wrapper-slider .small-images {
		display: none
	}
}

.split-view .wrapper-car-info h3 {
	font-size: 35px;
	line-height: 40px
}

.split-view .wrapper-car-info .nav {
	padding-bottom: 20px;
	border-bottom: 1px solid #d3d3d3
}

.split-view .wrapper-car-info .nav .nav-link {
	color: #16151e;
	transition: all .3s
}

.split-view .wrapper-car-info .nav .nav-link.active,
.split-view .wrapper-car-info .nav .nav-link:hover {
	color: #1f0eb5
}

.split-view .general-info {
	row-gap: 20px;
	column-gap: 50px;
	padding: 20px 0
}

.split-view .general-info .elem {
	width: 207px;
	flex-grow: 1;
	gap: 10px
}

.split-view .general-info .elem img {
	max-width: 56px
}

.split-view .general-info-2 {
	padding: 24px 0 40px 0
}

.split-view .general-info-2 .row {
	--bs-gutter-x: 140px
}

.split-view .general-info-2 h6 {
	margin-bottom: 20px
}

.split-view .general-info-2 span {
	display: block;
	font-family: Montserrat-Bold, serif;
	color: #666;
	margin-bottom: 12px
}

.split-view .consultant-card-2 {
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	gap: 10px;
	padding: 15px
}

.split-view .consultant-card-2 .wrapper-image {
	max-width: 150px
}

.split-view .consultant-card-2 img {
	border-radius: 10px
}

.split-view .consultant-card-2 .name {
	font-family: Montserrat-Bold, serif;
	display: block
}

.split-view .consultant-card-2 .position {
	font-size: 14px;
	line-height: 21px;
	color: #666
}

.split-view .consultant-card-2 .btn-outline-primary {
	border: 1px solid #16151e;
	margin-top: 10px;
	display: flex;
	flex-wrap: nowrap;
	font-size: 14px;
	line-height: 21px
}

.split-view .consultant-card-2 .btn-outline-primary img {
	margin-right: 5px
}

.split-view .consultant-card-3 {
	background-color: #eff6e9;
	padding: 24px;
	border-radius: 10px;
	position: relative;
	width: 100%
}

.split-view .consultant-card-3 .image {
	position: absolute;
	top: 24px;
	right: 24px
}

.split-view .consultant-card-3 span {
	display: block
}

.split-view .consultant-card-3 .name {
	font-family: Montserrat-Bold, serif;
	margin-bottom: 21px
}

.split-view .consultant-card-3 .position {
	font-size: 14px;
	line-height: 21px;
	color: #666;
	margin-bottom: 12px
}

.split-view .consultant-card-3 .position img {
	margin-right: 20px
}

.split-view .consultant-card-3 .btn-link {
	color: #16151e;
	font-family: Montserrat-Bold, serif;
	padding-left: 0
}

@media (max-width:992px) {
	.split-view .general-info {
		row-gap: 40px
	}

	.split-view .general-info-2 .row {
		--bs-gutter-x: 1.5rem
	}

	.split-view .general-info-2 h6 {
		margin-top: 30px
	}
}

@media (max-width:765px) {
	.split-view h3 {
		font-size: 30px;
		line-height: 45px
	}
}

@media (max-width:576px) {
	.split-view .general-info {
		row-gap: 20px;
		column-gap: 0
	}

	.split-view .general-info .elem {
		flex-grow: 0;
		width: 46%
	}

	.split-view .general-info .elem img {
		max-width: 40px;
		height: auto
	}

	.split-view .general-info .elem p {
		font-size: 12px;
		line-height: 16px
	}

	.split-view .general-info .elem h6 {
		font-size: 14px;
		line-height: 17px
	}
}

.related-models .wrapper-title-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px
}

.related-models .custom-slider .slick-prev {
	bottom: auto;
	top: 50%;
	z-index: 99;
	left: -12px
}

.related-models .custom-slider .slick-next {
	bottom: auto;
	left: auto;
	top: 50%;
	z-index: 99;
	right: -12px
}

.related-models .slick-slide img {
	display: inline-block !important
}

@media (max-width:765px) {
	.related-models {
		padding: 45px 0 0 0
	}

	.related-models .wrapper-title-section h3 {
		font-size: 35px;
		line-height: 40px
	}
}

@media (max-width:576px) {
	.related-models .wrapper-title-section {
		flex-direction: column
	}
}

.banner-electric-hybrid {
	background-image: linear-gradient(to bottom, #66d9ff, #ccf8ff)
}

.banner-electric-hybrid .wrapper-text {
	padding: 80px 0 40px 0
}

.banner-electric-hybrid .wrapper-text h1 {
	font-size: 45px;
	line-height: 58px;
	margin-bottom: 24px
}

.banner-electric-hybrid .wrapper-text p {
	font-size: 22px;
	line-height: 34px;
	color: #16151e;
	font-family: Montserrat-Bold, serif;
	margin-bottom: 40px
}

.banner-electric-hybrid .wrapper-text .btn-primary span {
	display: flex;
	align-items: center;
	gap: 7px
}

.banner-electric-hybrid .wrapper-text .btn-primary svg {
	width: 24px
}

.banner-electric-hybrid .wrapper-image {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (max-width:992px) {
	.banner-electric-hybrid .wrapper-text {
		padding-top: 0
	}

	.banner-electric-hybrid .wrapper-image img {
		max-height: 400px
	}
}

.three-columns-grid {
	background-color: #ccf8ff;
	padding: 48px 0
}

.three-columns-grid .wrapper-card .icon {
	width: 64px;
	height: 64px;
	background-color: #99ecff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	margin-bottom: 16px
}

.three-columns-grid .wrapper-card .icon svg {
	color: #004293;
	width: 32px
}

.three-columns-grid .wrapper-card h3 {
	font-size: 23px;
	line-height: 27px;
	font-family: Montserrat-Bold, serif;
	margin-bottom: 16px
}

.three-columns-grid .wrapper-card p {
	color: #16151e
}

.four-tabs {
	padding: 40px 0
}

.four-tabs .section-title {
	margin-bottom: 40px;
	text-align: center
}

.four-tabs .wrapper-four-tabs .nav {
	margin-bottom: 20px;
	border-bottom: 1px solid #d3d3d3
}

.four-tabs .wrapper-four-tabs .nav .nav-item {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center
}

.four-tabs .wrapper-four-tabs .nav .nav-item .nav-link {
	width: 100%;
	padding: 14px;
	background-color: transparent;
	color: #16151e;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	font-family: Montserrat-Bold, serif;
}

.four-tabs .wrapper-four-tabs .nav .nav-item .nav-link.active {
	background-color: #fff;
	border-bottom: 2px solid #3e47dd;
	color: #3e47dd
}

.four-tabs .wrapper-four-tabs .tab-content {
	padding: 30px 0
}

.four-tabs .wrapper-four-tabs .tab-content .wrapper-image {
	display: flex;
	justify-content: center;
	align-items: center
}

.four-tabs .wrapper-four-tabs .tab-content .wrapper-image img {
	max-width: 515px
}

.four-tabs .wrapper-four-tabs .tab-content .wrapper-text h5 {
	margin-bottom: 20px
}

.four-tabs .wrapper-four-tabs .tab-content .wrapper-text p {
	font-family: Montserrat-Bold, serif;
	color: #16151e;
	margin-bottom: 20px
}

.four-tabs .wrapper-four-tabs .tab-content .wrapper-text ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.four-tabs .wrapper-four-tabs .tab-content .wrapper-text ul li {
	display: flex;
	align-items: center
}

.four-tabs .wrapper-four-tabs .tab-content .wrapper-text ul li::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7071 10.2071C17.0976 9.81658 17.0976 9.18342 16.7071 8.79289C16.3166 8.40237 15.6834 8.40237 15.2929 8.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L16.7071 10.2071Z" fill="%234CAF50"></path></svg>');
	background-size: cover
}

@media (max-width:576px) {
	.four-tabs .wrapper-four-tabs .nav .nav-item .nav-link {
		font-size: 12px;
		line-height: 16px
	}

	.four-tabs .wrapper-four-tabs .tab-content .wrapper-image img {
		max-width: 100%
	}
}

.slider-two-cards {
	padding: 40px 0
}

.slider-two-cards .section-title {
	margin-bottom: 40px;
	text-align: center
}

.slider-two-cards .card-mild-hybrid {
	cursor: pointer;
	background-color: #fff;
	display: flex;
	gap: 15px;
	padding: 0 10px;
	border-radius: 6px;
	border: 1px solid #d3d3d3
}

.slider-two-cards .card-mild-hybrid .wrapper-image {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 185px
}

.slider-two-cards .card-mild-hybrid .card-text {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex: 1
}

.slider-two-cards .card-mild-hybrid .card-text .btn {
	text-align: left;
	padding-left: 0
}

.slider-two-cards .custom-slider {
	padding: 0 50px
}

.slider-two-cards .custom-slider .slick-prev {
	bottom: auto;
	top: 50%;
	left: 0;
	z-index: 99;
	transform: translateY(-50%)
}

.slider-two-cards .custom-slider .slick-next {
	bottom: auto;
	top: 50%;
	left: auto;
	right: 0;
	z-index: 99;
	transform: translateY(-50%)
}

.slider-two-cards .slick-dots {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	bottom: -35px
}

.slider-two-cards .slick-dots li {
	margin: 0 5px
}

.slider-two-cards .slick-dots li.slick-active button {
	width: 40px;
	opacity: 1;
	border-radius: 15px
}

.slider-two-cards .slick-dots li button {
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 50%;
	background-color: #1f0eb5;
	opacity: .5;
	padding: 0;
	cursor: pointer;
	transition: all .3s ease;
	text-indent: 99999px;
	overflow: hidden
}

.slider-two-cards .slick-dots li button:hover {
	background-color: rgba(255, 255, 255, .3)
}

@media (max-width:992px) {
	.slider-two-cards .card-mild-hybrid {
		flex-direction: column;
		gap: 0
	}

	.slider-two-cards .card-mild-hybrid .card-text {
		align-items: center
	}

	.slider-two-cards .card-mild-hybrid .wrapper-image {
		max-width: 100%
	}

	.slider-two-cards .card-mild-hybrid .wrapper-image img {
		max-width: 200px
	}

	.slider-two-cards .custom-slider {
		padding: 0
	}
}

.comparison-table {
	padding: 40px 0;
	overflow: hidden
}

.comparison-table .section-title {
	margin-bottom: 40px;
	text-align: center
}

.comparison-table .wrapper-all-table {
	padding: 0 32px;
	max-width: 1280px;
	margin: auto;
	overflow-x: auto;
	overflow-y: visible;
	scrollbar-width: thin;
	scrollbar-color: #b3c3de #edf1f8
}

.comparison-table .wrapper-all-table .inner-table {
	width: 100%
}

.comparison-table .wrapper-all-table .cell {
	min-width: 180px;
	padding: 24px 16px;
	flex: 1
}

.comparison-table .wrapper-all-table .cell:not(:last-child) {
	border-right: 1px solid #d3d3d3
}

.comparison-table .wrapper-all-table .cell p {
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 14px;
	font-family: Montserrat-Bold, serif;
	color: #16151e;
}

.comparison-table .wrapper-all-table .cell h5 {
	font-size: 23px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.comparison-table .wrapper-all-table .cell svg {
	max-width: 24px
}

.comparison-table .wrapper-all-table .cell h6 {
	font-size: 17px;
	line-height: 21px
}

.comparison-table .wrapper-all-table .cell ul {
	font-size: 14px;
	line-height: 20px;
	padding-left: 16px;
	margin: 0
}

.comparison-table .wrapper-all-table .table-avantaje,
.comparison-table .wrapper-all-table .table-bottom,
.comparison-table .wrapper-all-table .table-dezavantaje,
.comparison-table .wrapper-all-table .table-top {
	min-width: 1125px;
	display: flex;
	border: 1px solid #d3d3d3;
	border-radius: 6px;
	background-color: #fff;
	margin-bottom: 16px
}

.image-text {
	padding-bottom: 48px
}

.image-text .image-side {
	position: relative;
	display: flex;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	border-radius: 6px
}

.image-text .image-side .bg-shape {
	position: absolute;
	clip-path: polygon(91.51% 100%, 100% 91%, 14.36% .05%, 0 .05%, 0 100%, 91.51% 100%);
	bottom: 0;
	left: 0;
	width: 100%;
	background: #edf1f8;
	opacity: 1;
	aspect-ratio: 9/16
}

.image-text .image-side img {
	z-index: 2
}

.image-text .text-side h5 {
	margin-bottom: 20px
}

.image-text .text-side p {
	color: #16151e
}

.image-text .accordion .accordion-item {
	border: none;
	border-bottom: 1px solid #d7e1ef;
	background-color: transparent;
	border-radius: 0
}

.image-text .accordion .accordion-item .accordion-header .accordion-button {
	padding: 16px 16px 16px 0;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	background-color: transparent;
	border-radius: 0;
	outline: 0
}

.image-text .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background-color: transparent;
	color: #3e47dd;
	box-shadow: none
}

.image-text .accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none
}

.image-text .accordion .accordion-item .accordion-body {
	padding: 0 0 16px 0
}

@media (max-width:992px) {
	.image-text .text-side {
		padding-top: 30px
	}
}

.two-tabs-with-slider {
	padding: 40px 0
}

.two-tabs-with-slider .section-title {
	margin-bottom: 40px;
	text-align: center
}

.two-tabs-with-slider .wrapper-two-tabs .nav {
	border-bottom: 1px solid #d3d3d3;
	max-width: 60%;
	margin: 0 auto
}

.two-tabs-with-slider .wrapper-two-tabs .nav .nav-item {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center
}

.two-tabs-with-slider .wrapper-two-tabs .nav .nav-item .nav-link {
	width: 100%;
	padding: 14px;
	background-color: transparent;
	color: #16151e;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	font-family: Montserrat-Bold, serif;
}

.two-tabs-with-slider .wrapper-two-tabs .nav .nav-item .nav-link.active {
	background-color: #fff;
	border-bottom: 2px solid #3e47dd;
	color: #3e47dd
}

.two-tabs-with-slider .custom-slider .slick-prev {
	bottom: auto;
	top: 50%;
	z-index: 99;
	left: -25px
}

.two-tabs-with-slider .custom-slider .slick-next {
	bottom: auto;
	left: auto;
	top: 50%;
	z-index: 99;
	right: -25px
}

.two-tabs-with-slider .slick-slide img {
	display: inline-block !important
}

.banner-image-text {
	background-image: linear-gradient(to top, #00a1ff, #002f7a)
}

.banner-image-text .wrapper-text {
	padding: 80px 0 40px 0
}

.banner-image-text .wrapper-text h2 {
	font-size: 45px;
	line-height: 58px;
	margin-bottom: 24px;
	color: #fff
}

.banner-image-text .wrapper-text p {
	font-size: 22px;
	line-height: 34px;
	color: #fff;
	font-family: Montserrat-Bold, serif;
	margin-bottom: 40px
}

.banner-image-text .wrapper-text .btn-primary span {
	display: flex;
	align-items: center;
	gap: 7px
}

.banner-image-text .wrapper-text .btn-primary svg {
	width: 24px
}

.banner-image-text .wrapper-image {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (max-width:992px) {
	.banner-image-text .wrapper-text {
		padding-top: 0
	}

	.banner-image-text .wrapper-image img {
		max-height: 400px
	}
}

.faq {
	padding: 40px 0
}

.faq .section-title {
	margin-bottom: 15px;
	text-align: center
}

.faq .section-subtitle {
	margin-bottom: 40px;
	text-align: center
}

.faq .accordion {
	max-width: 750px;
	margin: auto
}

.faq .accordion .accordion-item {
	margin-bottom: 16px;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(72, 88, 133, .12)
}

.faq .accordion .accordion-button {
	font-size: 16px;
	line-height: 23px;
	color: #16151e;
	border-radius: 6px
}

.faq .accordion .accordion-button:focus {
	box-shadow: none
}

.faq .accordion .accordion-button:not(.collapsed) {
	background-color: #fff;
	color: #3e47dd;
	box-shadow: none
}

.faq .accordion .accordion-button:hover {
	color: #3e47dd
}

.faq .accordion .accordion-body {
	border-top: 1px solid #dee2e6
}

.consiliere {
	padding: 40px 0;
	margin-bottom: 30px
}

.consiliere .section-title {
	margin-bottom: 15px;
	text-align: center
}

.consiliere .contact-consilier {
	max-width: 700px;
	margin: auto
}

.consiliere .img-text {
	margin-top: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px
}

.consiliere .image {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff
}

.consiliere .text {
	min-width: 175px
}

.consiliere .text p {
	margin-bottom: 0
}

.consiliere .text .tel {
	text-decoration: none;
	font-family: Montserrat-Bold, serif;
	color: #16151e
}

.consiliere .text .email {
	font-family: Montserrat-Bold, serif;
}

.banner-comanda-masina {
	background-image: linear-gradient(to bottom, #66d9ff, #66d9ff)
}

.banner-comanda-masina .wrapper-text {
	padding: 100px 0 100px 0
}

.banner-comanda-masina .wrapper-text h1 {
	font-size: 45px;
	line-height: 58px;
	margin-bottom: 24px
}

.banner-comanda-masina .wrapper-text p {
	font-size: 22px;
	line-height: 34px;
	color: #16151e;
	font-family: Montserrat-Bold, serif;
	margin-bottom: 40px
}

.banner-comanda-masina .wrapper-text .btn-primary span {
	display: flex;
	align-items: center;
	gap: 7px
}

.banner-comanda-masina .wrapper-text .btn-primary svg {
	width: 24px
}

.banner-comanda-masina .wrapper-image {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (max-width:992px) {
	.banner-comanda-masina .wrapper-text {
		padding-top: 0
	}

	.banner-comanda-masina .wrapper-image img {
		max-height: 400px
	}
}

.three-cards .inner-three-cards {
	display: flex;
	gap: 35px;
	margin-top: -40px;
	margin-bottom: 20px;
	position: relative
}

.three-cards .inner-three-cards .element {
	position: relative;
	text-align: center;
	background-color: #fff;
	padding: 50px 50px;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	gap: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	transition: all .3s ease-in-out;
	overflow: hidden
}

.three-cards .inner-three-cards .element::after {
	content: "";
	position: absolute;
	bottom: -26px;
	left: 9%;
	height: 50px;
	width: 95%;
	background: #d7e1ef;
	pointer-events: none;
	z-index: 8;
	-webkit-transform: rotate(-6deg) skew(65deg);
	-moz-transform: rotate(-6deg) skew(65deg);
	-ms-transform: rotate(-6deg) skew(65deg);
	transform: rotate(-6deg) skew(65deg)
}

.three-cards .inner-three-cards .element img {
	max-width: 105px;
	margin: 0 auto
}

.three-cards .inner-three-cards .element h4 {
	font-size: 20px;
	line-height: 25px
}

.three-cards .inner-three-cards .element p {
	color: #16151e;
	margin: 0
}

.three-cards .inner-three-cards .negativ-margin {
	top: -40px
}

.three-cards .inner-three-cards .negativ-margin::after {
	content: "";
	position: absolute;
	bottom: -27px;
	left: -8px;
	height: 50px;
	width: 95%;
	background: #d7e1ef;
	pointer-events: none;
	z-index: 8;
	-webkit-transform: rotate(6deg) skew(-43deg);
	-moz-transform: rotate(6deg) skew(-43deg);
	-ms-transform: rotate(6deg) skew(-43deg);
	transform: rotate(6deg) skew(-43deg)
}

@media (max-width:992px) {
	.three-cards .inner-three-cards .element {
		padding: 30px 20px
	}
}

@media (max-width:765px) {
	.three-cards .inner-three-cards {
		flex-direction: column
	}

	.three-cards .inner-three-cards .element {
		padding: 50px 50px
	}

	.three-cards .inner-three-cards .negativ-margin {
		top: 0
	}
}

.livrari-image-text {
	padding: 40px 0
}

.livrari-image-text .inner-image-side {
	display: flex;
	justify-content: center;
	align-items: center
}

.livrari-image-text .wrapper-elements {
	padding: 40px 70px 0 70px;
	background-color: #fff;
	display: flex;
	width: fit-content;
	flex-direction: column;
	border-radius: 4px;
	box-shadow: 0 2.4rem 4.2rem 0 rgba(0, 13, 53, .11)
}

.livrari-image-text .flags-area {
	display: flex;
	gap: 60px
}

.livrari-image-text .flags-area .elem {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px
}

.livrari-image-text .flags-area .elem svg.arrow-right {
	margin-bottom: 30px;
	transform: rotate(-90deg);
	width: 30px
}

.livrari-image-text .flags-area .elem svg.arrow-right path {
	fill: #d7e1ef
}

.livrari-image-text .flags-area .elem svg {
	max-width: 50px
}

.livrari-image-text .flags-area .elem span {
	font-family: Montserrat-Bold;
	font-size: 15px;
	line-height: 18px
}

.livrari-image-text .price-box {
	position: relative;
	bottom: -37px;
	height: 74px;
	width: 260px;
	display: flex;
	align-items: center;
	justify-content: center
}

.livrari-image-text .price-box span {
	position: relative;
	z-index: 1;
	font-size: 17px;
	color: #c3c3ed
}

.livrari-image-text .price-box span.price {
	margin-left: 8px;
	font-size: 27px;
	font-weight: 800;
	color: #fff
}

.livrari-image-text .price-box::before {
	content: "";
	background: linear-gradient(to right, #3e27c4, #3e47dd);
	border-radius: 4px;
	-webkit-transform: skew(-14deg);
	-moz-transform: skew(-14deg);
	-ms-transform: skew(-14deg);
	transform: skew(-14deg);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.livrari-image-text .wrapper-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	gap: 20px
}

.livrari-image-text .wrapper-text h6 {
	font-size: 12px;
	line-height: 16px;
	color: #3e47dd;
	text-transform: uppercase
}

.livrari-image-text .wrapper-text p {
	margin-bottom: 0;
	color: #16151e
}

.banner-text {
	background-image: linear-gradient(to left, #3e47dd, #262a98);
	padding: 100px 0
}

.banner-text .inner-banner-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	max-width: 600px;
	margin: 0 auto
}

.banner-text .inner-banner-text h2 {
	color: #fff
}

.banner-text .inner-banner-text p {
	color: #fff
}

.formular-contact {
	margin: 40px 0
}

.formular-contact .inner-formular-contact {
	max-width: 600px;
	padding: 24px;
	margin: auto;
	background-color: #66d9ff;
	box-shadow: 0 2px 5px rgba(102, 217, 255, .3);
	border-radius: 6px
}

.formular-contact .inner-formular-contact p {
	color: #16151e
}

.formular-contact .inner-formular-contact .form-control {
	padding: 12px 16px
}

.formular-contact .inner-formular-contact .form-control:focus {
	box-shadow: none
}

.formular-contact .inner-formular-contact .form-check-input:focus {
	box-shadow: none
}

.confort-image-text {
	background-color: #00087a
}

.confort-image-text .inner-confort-image-text .image-side {
	background-position: center center;
	background-size: cover;
	min-height: 300px;
	height: 100%
}

.confort-image-text .inner-confort-image-text .text-side {
	padding: 45px;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.confort-image-text .inner-confort-image-text .text-side h3 {
	color: #fff;
	margin-bottom: 25px
}

.confort-image-text .inner-confort-image-text .text-side ul {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	padding-left: 20px
}

.confort-image-text .inner-confort-image-text .text-side ul li {
	margin-bottom: 5px
}

@media (max-width:992px) {
	.confort-image-text .inner-confort-image-text {
		padding-top: 20px
	}

	.confort-image-text .inner-confort-image-text .image-side {
		min-height: 440px
	}

	.confort-image-text .inner-confort-image-text .text-side {
		min-height: auto
	}
}

@media (max-width:576px) {
	.confort-image-text .inner-confort-image-text .image-side {
		min-height: 230px
	}

	.confort-image-text .inner-confort-image-text .text-side {
		padding: 30px 20px
	}
}

.achizitie-auto-image-text .inner-achizitie-image-text .image-side {
	background-position: center center;
	background-size: cover;
	min-height: 300px;
	height: 100%
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side {
	padding: 45px;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side h3 {
	margin-bottom: 25px
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side ul {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	padding-left: 20px
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side ul li {
	margin-bottom: 5px
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side ul li::marker {
	font-size: 25px
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side p {
	color: #16151e
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side .card-comanda {
	padding: 25px;
	background-color: #fff;
	margin-top: 20px
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side .card-comanda h6 {
	margin-bottom: 10px
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side .card-comanda ul {
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side .card-comanda ul li {
	margin-bottom: 0
}

.achizitie-auto-image-text .inner-achizitie-image-text .text-side .card-comanda ul li::marker {
	font-size: inherit
}

@media (max-width:992px) {
	.achizitie-auto-image-text .inner-achizitie-image-text {
		padding-top: 20px
	}

	.achizitie-auto-image-text .inner-achizitie-image-text .image-side {
		min-height: 440px
	}
}

@media (max-width:576px) {
	.achizitie-auto-image-text .inner-achizitie-image-text .image-side {
		min-height: 230px
	}

	.achizitie-auto-image-text .inner-achizitie-image-text .text-side {
		padding: 30px 20px
	}
}

.wrapper-cards-with-icons {
	padding: 40px 0
}

.wrapper-cards-with-icons .card-with-icon {
	border: 1px solid #d3d3d3;
	position: relative;
	background-color: #fff;
	border-radius: 6px;
	margin: 45px 0
}

.wrapper-cards-with-icons .card-with-icon .card-head {
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #d3d3d3
}

.wrapper-cards-with-icons .card-with-icon .card-head .icon-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65px;
	height: 65px
}

.wrapper-cards-with-icons .card-with-icon .card-head .icon-wrapper img {
	width: 32px
}

.wrapper-cards-with-icons .card-with-icon .card-body {
	margin-top: 40px;
	margin-bottom: 16px;
	padding: 16px;
	text-align: center;
	background-color: #fff;
	min-height: 160px;
	display: flex;
	flex-direction: column;
	align-items: center
}

.wrapper-cards-with-icons .card-with-icon .card-body h5 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;
	color: #000eff
}

.wrapper-cards-with-icons .card-with-icon .card-body p {
	color: #16151e
}

@media (max-width:992px) {
	.wrapper-cards-with-icons .card-with-icon {
		margin: 25px 0
	}
}

.facts .wrapper-card {
	text-align: center;
	margin-top: 15px
}

.facts .wrapper-card h1 {
	color: #3e47dd;
	margin-bottom: 16px
}

.facts .wrapper-card h5 {
	font-size: 18px;
	line-height: 24px;
	max-width: 300px;
	margin: auto
}

.fin-page-resets {
	max-width: 1120px;
	margin: auto;
	padding-top: 60px
}

.fin-page-resets .right-side-text .wrapper-long-arrow {
	text-align: end
}

.fin-page-resets .right-side-text .wrapper-long-arrow svg {
	max-width: 268px
}

.fin-page-resets .top-bank {
	background-color: #f5f7fb;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 24px 32px rgba(72, 88, 133, .16);
	padding: 16px 24px;
	margin: 0 35px;
	display: flex;
	align-items: center;
	justify-content: center
}

.fin-page-resets .wrapper-calc-details {
	padding: 4px 0
}

.fin-page-resets .calculator {
	border-width: 0;
	box-shadow: 0 24px 32px rgba(72, 88, 133, .16)
}

@media (max-width:992px) {
	.fin-page-resets .right-side-text h2 {
		text-align: center
	}

	.fin-page-resets .right-side-text .wrapper-long-arrow {
		display: none
	}
}

.three-steps {
	padding: 40px 0
}

.three-steps h3 {
	text-align: center;
	margin-bottom: 40px
}

.three-steps .step .inner-step {
	padding: 0 56px
}

.three-steps .step .wrapper-image {
	margin-bottom: 20px;
	position: relative
}

.three-steps .step h6 {
	color: #3e47dd;
	margin-bottom: 20px
}

.three-steps .step h5 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px
}

.three-steps .step:nth-child(even) .wrapper-image:after,
.three-steps .step:nth-child(odd) .wrapper-image:after {
	content: "";
	display: block;
	width: 114px;
	height: 32px;
	position: absolute;
	right: -100px;
	background-repeat: no-repeat;
	background-size: contain
}

.three-steps .step:nth-child(odd) .wrapper-image:after {
	background-image: url(../img/step-arrow-1.svg);
	top: 10px
}

.three-steps .step:nth-child(even) .wrapper-image:after {
	background-image: url(../img/step-arrow-2.svg);
	bottom: 10px
}

.three-steps .step:last-child .wrapper-image:after {
	display: none
}

.three-steps .slick-dots {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	bottom: -20px
}

.three-steps .slick-dots li {
	margin: 0 5px
}

.three-steps .slick-dots li.slick-active button {
	width: 40px;
	opacity: 1;
	border-radius: 15px
}

.three-steps .slick-dots li button {
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 50%;
	background-color: #3e47dd;
	opacity: .5;
	padding: 0;
	cursor: pointer;
	transition: all .3s ease;
	text-indent: 99999px;
	overflow: hidden
}

@media (max-width:992px) {

	.three-steps .step:nth-child(even) .wrapper-image:after,
	.three-steps .step:nth-child(odd) .wrapper-image:after {
		display: none
	}

	.three-steps .step .inner-step {
		padding: 0 40px
	}
}

@media (max-width:768px) {
	.three-steps .step .inner-step {
		padding: 0 20px
	}
}

.parteneri {
	padding: 40px 0;
	background-color: #edf1f8
}

.parteneri h3 {
	text-align: center;
	margin-bottom: 40px
}

.parteneri .top-parteneri-slider {
	margin-bottom: 30px
}

.parteneri .partener-logo {
	background-color: #fff;
	margin: 0 7px;
	border-radius: 6px;
	min-width: 168px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	padding: 4px 16px
}

.beneficii-finantare {
	padding: 40px 0 10px 0;
	overflow: hidden
}

.beneficii-finantare h3 {
	margin-bottom: 40px;
	text-align: center
}

.beneficii-finantare .wrapper-all-columns {
	max-width: 1220px;
	height: 720px;
	margin: auto;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: #b3c3de #edf1f8
}

.beneficii-finantare .all-columns {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	min-width: 1155px
}

.beneficii-finantare .left-column {
	overflow: hidden;
	position: relative;
	top: 1px;
	padding: 88px 0 0 0;
	border: 1px solid transparent
}

.beneficii-finantare .left-column .item {
	display: flex;
	align-items: center;
	padding-right: 16px;
	min-height: 112px;
	border-top: 1px solid #d7e1ef
}

.beneficii-finantare .left-column .item:last-of-type {
	border-bottom: 1px solid #d7e1ef
}

.beneficii-finantare .left-column .item h6 {
	font-size: 16px;
	line-height: 28px;
	margin: 0
}

.beneficii-finantare .middle-column {
	overflow: hidden;
	position: relative;
	border: 1px solid #6c73ea;
	border-radius: 8px;
	box-shadow: 0 24px 32px rgba(72, 88, 133, .16);
	background: #fff
}

.beneficii-finantare .middle-column h4 {
	font-size: 24px;
	line-height: 32px;
	padding: 28px 8px;
	text-align: center
}

.beneficii-finantare .middle-column .item {
	display: flex;
	align-items: center;
	padding-right: 16px;
	min-height: 112px;
	border-top: 1px solid #d7e1ef
}

.beneficii-finantare .middle-column .item p {
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	color: #16151e;
	padding-left: 56px;
	position: relative
}

.beneficii-finantare .middle-column .item p::before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7071 10.2071C17.0976 9.81658 17.0976 9.18342 16.7071 8.79289C16.3166 8.40237 15.6834 8.40237 15.2929 8.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L16.7071 10.2071Z" fill="%234CAF50"></path></svg>');
	background-size: cover;
	position: absolute;
	left: 21px;
	top: 50%;
	transform: translateY(-50%)
}

.beneficii-finantare .right-column {
	overflow: hidden;
	border-radius: 0 8px 8px 0;
	margin: 16px 0;
	padding-right: 16px;
	border: 1px solid transparent
}

.beneficii-finantare .right-column h4 {
	font-size: 24px;
	line-height: 32px;
	padding: 20px 8px;
	text-align: center;
	border-top: 1px solid #d7e1ef;
	border-right: 1px solid #d7e1ef;
	border-top-right-radius: 8px
}

.beneficii-finantare .right-column .item {
	display: flex;
	align-items: center;
	padding-right: 16px;
	min-height: 112px;
	border-top: 1px solid #d7e1ef;
	border-right: 1px solid #d7e1ef
}

.beneficii-finantare .right-column .item:last-of-type {
	border-bottom: 1px solid #d7e1ef;
	border-bottom-right-radius: 8px
}

.beneficii-finantare .right-column .item p {
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	color: #16151e;
	padding-left: 56px;
	position: relative
}

.beneficii-finantare .right-column .item p::before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11H8Z" fill="red"></path></svg>');
	background-size: cover;
	position: absolute;
	left: 21px;
	top: 50%;
	transform: translateY(-50%)
}

@media (max-width:1200px) {
	.beneficii-finantare .all-columns {
		min-width: 1000px
	}
}

@media (max-width:1080px) {
	.beneficii-finantare .all-columns {
		min-width: 912px
	}
}

@media (max-width:992px) {
	.beneficii-finantare .all-columns {
		min-width: 912px
	}
}

.footer-top {
	background-color: #16151e;
	padding: 60px 0 25px 0
}

.footer-top .footer-logo {
	max-width: 220px;
	margin-bottom: 20px
}

.footer-top p {
	font-size: 14px;
	line-height: 19px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 20px
}

.footer-top .social-media .list-inline-item:not(:last-child) {
	margin-right: 24px
}

.footer-top .social-media img {
	max-width: 25px
}

.footer-top h6 {
	font-size: 18px;
	line-height: 22px;
	font-family: Montserrat-Bold;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 700
}

.footer-top ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.footer-top ul li {
	margin-bottom: 7px
}

.footer-top ul li a {
	color: #b7b7b7;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	text-decoration: none;
	transition: all .3s ease-in-out
}

.footer-top ul li a:hover {
	color: #fff
}

@media (max-width:992px) {
	.footer-top h6 {
		margin-bottom: 24px;
		margin-top: 32px;
		font-size: 16px;
		line-height: 20px
	}

	.footer-top ul li a {
		font-size: 14px;
		line-height: 17px
	}
}

.footer-bottom {
	background-color: #16151e
}

.footer-bottom .wrapper-footer-bottom {
	padding: 24px 0 50px 0;
	border-top: 1px solid #2e2c3f;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px
}

.footer-bottom .footer-bottom-text {
	font-size: 16px;
	line-height: 24px;
	color: #fff
}

.footer-bottom .images {
	display: flex;
	align-items: center;
	column-gap: 12px
}

body.autoflow main {
	margin-top:62px;
}

body.autoflow header {
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

body, header, header nav, main, footer{
	min-width:300px;
}
.modal{
	--bs-modal-zindex: 2200;
}
.modal-backdrop {
	--bs-backdrop-zindex: 2100;
}

.form-control:focus {
	border-color: #000ab2;;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}