@import "../../js/glidejs/glide.core.css";
@import "../../js/sweetalertsjs/sweetalert2.min.css";

/* ==========================================================================
   General Styles
   ========================================================================== */
section.banners {
	padding: 0;
}

.bg-img-blur {
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	margin-top: 79px;
	transition: background-image 0.5s ease;
}

.bg-img-blur::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(50px);
}

/* ==========================================================================
   Banner Section
   ========================================================================== */
.glide-home {
	position: relative;
	max-width: 1920px;
	max-height: 600px;
	overflow: hidden;
	margin: 0 auto;
}

/* Track and Slides */
.glide__slides {
	height: 100%;
}


.glide-home .glide__track {
	width: 100%;
	height: 100%;
	position: relative;
}

.glide-home .glide__slide {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.glide-home .glide__slide picture {
	width: 100%;
	height: 100%;
	display: block;
}

.glide-home .glide__slide img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: -1;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
	object-fit: cover;
}

.glide-home .glide__slide > a.banner-link {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.glide-home .slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	filter: blur(50px);
	transform: scale(1.1);
}

/* Navigation Arrows */
.glide-home .glide__arrows {
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	position: absolute;
}

.glide-home button[data-glide-dir="<"],
.glide-home button[data-glide-dir=">"] {
	position: absolute;
	border-radius: 8px;
	background: rgba(217, 217, 217, 0.30);
	border: none;
	width: 50px;
	height: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.glide-home button[data-glide-dir="<"]:hover,
.glide-home button[data-glide-dir=">"]:hover {
	background-color: rgba(255, 255, 255, 0.9);
}

.glide-home button[data-glide-dir="<"]:hover svg path,
.glide-home button[data-glide-dir=">"]:hover svg path {
	fill: #000;
}

.glide-home button[data-glide-dir="<"] {
	left: 5%;
}

.glide-home button[data-glide-dir=">"] {
	right: 5%;
}

/* Pagination Bullets */
.glide-home .glide__bullets {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
	z-index: 10;
}

.glide-home .glide__bullet {
	z-index: 10;
	width: 60px;
	height: 4px;
	background-color: rgba(255, 255, 255, 0.5);
	border: none;
	cursor: pointer;
	padding: 0;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.glide-home .glide__bullet--active::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	transform-origin: left;
	animation: loadingAnimation 3s linear;
}

@keyframes loadingAnimation {
	0% {
		transform: scaleX(0);
	}
	100% {
		transform: scaleX(1);
	}
}

/* Slide Content */
.glide-home .slide-content {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
	top: 20%;
	left: 50%;
	width: 80%;
	max-width: 1020px;
	transform: translateX(-50%);
	pointer-events: none;
	z-index: 2;
}

.glide-home .align-center .slide-content {
	align-items: center;
}

.glide-home .align-right .slide-content {
	align-items: flex-end;
}

.glide-home .slide-content h2,
.glide-home .slide-content p {
	color: white;
}

.glide-home .slide-content h2.negative,
.glide-home .slide-content p.negative {
	color: #000;
}

.glide-home .slide-content h2 {
	margin-bottom: 7px;
	font-size: clamp(1.5rem, 1rem + 2vw, 2.5rem);
	font-weight: 900;
}

.glide-home .slide-content p {
	font-size: clamp(1rem, 0.75rem + 1vw, 1.25rem);
	font-weight: 400;
	max-width: 520px;
}

.glide-home .align-center .slide-content p {
	text-align: center;
}

.glide-home .align-right .slide-content p {
	text-align: right;
}

.glide-home .slide-content a {
	text-decoration: none;
	transition: all 0.124s;
	border: 1px solid transparent;
}

.glide-home .slide-content a:hover {
	background-color: transparent;
	color: white;
	border: 1px solid #FFF;
}

.glide-home .slide-content .more-button {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 48px;
	color: white;
	font-size: clamp(0.875rem, 0.75rem + 0.5vw, 1.125rem);
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	border-radius: 24em;
	background: var(--chery-red);
	pointer-events: all !important;
	z-index: 3;
}

/* banner section end */
/* models */

.models {
	background: linear-gradient(180deg, #EEE 21.1%, #D9D9D9 100%);
}

.models .model-type-selector-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	max-width: 500px;
	margin: 0 auto;
}

.models .model-type-selector-container .model-type-selector {
	opacity: 0.5;
	transition: all 0.3s ease;
}

.models .model-type-selector-container .model-type-selector:hover {
	opacity: 1;
}

.models .model-type-selector-container .model-type-selector.active {
	opacity: 1;
}

.models .model-type-selector-container .model-type-selector-separator {
	display: block;
	width: 2px;
	height: 50px;
	background-color: #B0B1B4;
}

/* slider models */

.glide-models {
	position: relative;
	display: none;
	opacity: 0;
	transition: all 0.3s ease;
	min-height: 500px;
}

.glide-models .model-name {
	display: none;
	font-size: clamp(1.1rem, 1rem + 0.5vw, 1.25rem);
	font-weight: 400;
	color: var(--text-grey);
	text-align: center;
	position: relative;
	width: max-content;
	margin: 0 auto;
	margin-bottom: 10px;
	transition: all 0.3s ease;
}

.glide-models.active {
	display: block;
	opacity: 1;
}

.glide-models .glide__slide img {
	max-width: 600px;
	width: 90%;
	object-fit: cover;
	margin: 0 auto;
	display: block;
	transition: all 0.3s ease;
}

.glide-models .glide__bullets {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	flex-wrap: wrap;
	max-width: 900px;
	margin: 40px auto;
}

.glide-models .glide__bullet {
	position: relative;
	padding: 5px 0;
	margin: 0 5px;
	border: none;
	cursor: pointer;
	background: none;
	text-decoration: none;
	font-size: clamp(1rem, 0.75rem + 1vw, 1.25rem);
	font-weight: 300;
	color: var(--text-grey);
}

.glide-models .glide__bullet:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background-color: var(--chery-red);
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

.glide-models .glide__bullet:hover:after,
.glide-models .glide__bullet--active:after {
	width: 30px;
}

.glide-models button[data-glide-dir="<"],
.glide-models button[data-glide-dir=">"] {
	position: absolute;
	border-radius: 8px;
	background: #CECECE;
	border: none;
	width: 50px;
	height: 50px;
	cursor: pointer;
	transition: all 0.3s ease !important;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	transform: translateY(-50%);
}

.glide-models button[data-glide-dir="<"]:hover,
.glide-models button[data-glide-dir=">"]:hover {
	background-color: rgba(255, 255, 255, 0.9);
}

.glide-models button[data-glide-dir="<"]:hover svg path,
.glide-models button[data-glide-dir=">"]:hover svg path {
	fill: #000;
}

.glide-models button[data-glide-dir="<"] {
	left: 10%;
}

.glide-models button[data-glide-dir=">"] {
	right: 10%;
}

/* slider models end */

.models .see-model-btn-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.models .see-model-btn-container .see-model-btn {
	font-size: clamp(0.875rem, 0.75rem + 0.5vw, 1.25rem);
	font-weight: 400;
	border-radius: 40px;
	border: 2px solid #666;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 20px;
	transition: all 0.3s ease;
	background: transparent;
	color: var(--text-grey);
	text-decoration: none;
	padding: 10px 100px;
}

.models .see-model-btn-container .see-model-btn:hover {
	background: #666;
	color: white;
}

/* ==========================================================================
   News Section
   ========================================================================== */
.news {
    min-height: 500px;
}


/* News Header */
.news .news-title {
    font-size: clamp(1.65rem, 1.25rem + 1.5vw, 2.5rem);
    font-weight: 900;
    color: var(--text-grey);
    margin-bottom: 20px;
}

.news .news-subtitle-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.news .news-subtitle {
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
    font-weight: 400;
    color: var(--text-grey);
}

/* News Link */
.news .news-subtitle-container .news-link {
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
    font-weight: 400;
    color: var(--text-grey);
    text-decoration: none;
    position: relative;
}

.news .news-subtitle-container .news-link::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--text-grey);
    position: absolute;
    bottom: -1px;
    left: 0;
    transform-origin: left center;
    transform: scaleX(0);
    transition: all 0.3s ease;
}

.news .news-subtitle-container .news-link:hover::before {
    transform: scaleX(1);
}

.news .news-subtitle-container .news-link:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.674961 1.17504C1.13057 0.719425 1.86926 0.719425 2.32488 1.17504L9.32488 8.17504C9.54367 8.39383 9.66659 8.69058 9.66659 9C9.66659 9.30941 9.54367 9.60616 9.32488 9.82495L2.32488 16.825C1.86927 17.2806 1.13057 17.2806 0.674961 16.825C0.21935 16.3693 0.21935 15.6306 0.674961 15.175L6.85 9L0.674961 2.82495C0.219349 2.36934 0.219349 1.63065 0.674961 1.17504Z' fill='%233C3C3B'/%3E%3C/svg%3E");
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.news .news-subtitle-container .news-link:hover:after {
    transform: translateX(5px);
}

/* News Gallery */
.news .news-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 20px;
    margin-top: 20px;
    width: 100%;
    max-width: 1066px;
    margin-left: auto;
    margin-right: auto;
}

.news .news-gallery .news-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    max-height: 430px;
    height: 430px;
    width: 100%;
}

/* News Item Images */
.news .news-gallery .news-item img {
    width: 100%;
    height: 300px;
    max-height: 300px;
    object-fit: cover;
    border-radius: 5px;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.news .news-gallery .news-item:hover img {
    height: 430px;
    max-height: 430px;
}

/* News Item Content */
.news .news-gallery .news-item .news-item-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: 10px;
    padding: 20px;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.news .news-gallery .news-item:hover .news-item-content {
    display: none;
}

.news .news-gallery .news-item .news-item-date {
    font-size: clamp(0.65rem, 0.6rem + 0.25vw, 0.75rem);
    font-weight: 400;
    color: var(--text-grey);
}

.news .news-gallery .news-item h3 {
    font-size: clamp(0.8rem, 0.6rem + 0.75vw, 1.25rem);
    font-weight: 500;
    color: var(--menu-links);
    margin: 2px 0 3px;
}

.news .news-gallery .news-item p {
    font-size: clamp(0.75rem, 0.65rem + 0.5vw, 1rem);
    font-weight: 400;
    color: var(--text-grey);
    line-height: 1.2;
}

.news .news-gallery .news-item .news-item-link {
    display: inline-block;
    font-size: clamp(0.7rem, 0.6rem + 0.5vw, 1rem);
    font-weight: 400;
    color: black !important;
    text-decoration: none;
    transition: all 0.3s ease;
    align-self: flex-start;
    margin-top: clamp(3px, 1vw, 20px);
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
}

/* News Item Overlay */
.news .news-gallery .news-item .news-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 20px;
}

.news .news-gallery .news-item:hover .news-item-overlay {
    opacity: 1;
}

.news .news-gallery .news-item .news-item-overlay .link-to-new {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news .news-gallery .news-item .news-item-overlay .news-item-date-overlay,
.news .news-gallery .news-item .news-item-overlay .news-item-title-overlay,
.news .news-gallery .news-item .news-item-overlay .news-item-description-overlay,
.news .news-gallery .news-item .news-item-overlay .news-item-link-overlay {
    color: #fff;
}

.news .news-gallery .news-item .news-item-overlay .news-item-overlay-content {
    padding-top: 90px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

/* News Item Category */
.news .news-gallery .news-item .news-item-category {
    position: absolute;
    top: clamp(5px, 2vw, 20px);
    left: 0;
    background: var(--chery-red);
    color: white;
    padding: clamp(3px, 1vw, 8px) clamp(6px, 2vw, 15px);
    font-size: clamp(0.6rem, 0.5rem + 0.3vw, 0.875rem);
    z-index: 2;
    text-transform: uppercase;
}

/* Decorative triangle in bottom corner */
.news .news-gallery .news-item .news-item-category:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid #a30318;
}

.news .news-link-all-news-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.news .news-link-all-news {
	border-radius: 19.949px;
	border: 0.997px solid #666;
	text-decoration: none;
	padding: 7.98px 100px;
	color: var(--text-grey);
}

.news .news-link-all-news:hover {
	background: #666;
	color: white;
}

/* ==========================================================================
   Gallery Section
   ========================================================================== */
.gallery {
    min-height: 500px;
    padding: 40px 0;
}

.container.gallery {
    max-width: 1520px;
    width: 100%;
}

/* Gallery Slider */
.gallery .glide-gallery .glide__slide {
    height: 600px;
    max-height: 600px;
    border-radius: 5px;
    overflow: hidden;
}

/* Gallery Grid Layout */
.gallery .gallery-item {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 300px 300px;
}

.gallery .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
    opacity: 1;
    display: block;
    user-select: none;
    pointer-events: none;
}

.gallery .gallery-item picture:first-child {
    grid-row: 1 / 3;
    grid-column: 1;
}

.gallery .gallery-item picture:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
}

.gallery .gallery-item picture:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
}

/* Gallery Navigation */
.controllers-container {
    display: flex;
    justify-content: center;
    margin: 30px auto;
}

.glide-gallery .glide__arrows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 400px;
    position: relative;
}

.glide-gallery .glide__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: clamp(12px, 0.7rem + 0.2vw, 14px);
    color: #666;
    transition: color 0.3s ease;
    padding: 0;
    z-index: 2;
}

.glide-gallery .glide__arrow:hover {
    color: var(--chery-red);
}



/* Gallery Bullets */
.glide-gallery .glide__bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    z-index: 10;
}

.glide-gallery .glide__arrows .glide__bullets {
    margin: 0;
}

.glide-gallery .glide__bullet {
    z-index: 10;
    width: 60px;
    height: 4px;
    background-color: #666666;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.glide-gallery .glide__bullet--active {
    background-color: var(--chery-red);
}

/* Remove unnecessary styles */
.glide-gallery .glide__arrows::before,
.glide-gallery .glide__arrows::after {
    display: none;
}

/* Gallery - Mobile Scroll Version */
.gallery.mobile-only {
	padding: 0;
	width: 100%;
	min-height: unset;
}

.gallery-container {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.gallery-scroll {
	display: flex;
	overflow-x: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
	padding: 0;
	width: 100%;
}

.gallery-scroll::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}

.gallery.mobile-only .gallery-item {
	flex: 0 0 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	width: 100%;
}

.gallery.mobile-only .gallery-item .img-big {
	grid-row: 1 / 3;
	grid-column: 1;
	height: 100%;
	width: 100%;
}

.gallery.mobile-only .gallery-item .img-small-1 {
	grid-row: 1;
	grid-column: 2;
	height: 100%;
	width: 100%;
}

.gallery.mobile-only .gallery-item .img-small-2 {
	grid-row: 2;
	grid-column: 2;
	height: 100%;
	width: 100%;
}

.gallery.mobile-only .gallery-item picture {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.gallery.mobile-only .gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}

.gallery-prev-button,
.gallery-next-button {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 5px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: clamp(12px, 0.7rem + 0.2vw, 14px);
	font-weight: 400;
	color: #666666;
	transition: all 0.3s ease;
}

.gallery-prev-button:disabled,
.gallery-next-button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.gallery-indicators {
	display: flex;
	justify-content: center;
	margin: 0 10px;
	gap: 10px;
}

.gallery-indicator {
	z-index: 10;
    width: 20px;
    height: 4px;
    background-color: #D9D9D9;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.gallery-indicator.active {
	background: #666666;
}

/* ==========================================================================
   Contact Section
   ========================================================================== */
.contact {
    min-height: 500px;
}

.contact .container.contact-form {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

/* Contact Text */
.contact .contact-subtitle {
    margin-bottom: 20px;
}

.contact .contact-subtitle,
.contact .contact-description {
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
}

.contact .contact-description b {
    font-weight: 700;
}

/* Contact Form */
.contact .contact-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25px;
    margin: 5px auto;
    width: 100%;
}

/* Form Rows */
.contact .contact-form .row-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 23px;
    width: 100%;
}

.contact .contact-form .row-form.schedule {
    justify-content: center;
    margin-top: 20px;
    align-items: center;
}

.row-form p {
    color: #666666;
    margin-bottom: 5px;
}

/* Form Inputs */
.contact .contact-form .row-form .input {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #666;
    padding: 16px;
    background: transparent;
    color: var(--text-grey);
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
}

.contact .contact-form .input::placeholder {
    color: #666;
}

.contact .contact-form .input[required]::placeholder {
    position: relative;
}

.contact .contact-form .input[required]::placeholder::after {
    content: " *";
    color: red;
}

/* Input Containers */
.contact .contact-form .row-form .input-container {
    position: relative;
}

.contact .contact-form .row-form .input-container .input-error {
    position: absolute;
    bottom: -22px;
    left: 0;
    color: red;
    font-size: clamp(0.65rem, 0.6rem + 0.2vw, 0.75rem);
}

.contact .contact-form .row-form .input-container.large {
    flex: 1;
}

.contact .contact-form .row-form .input-container.small {
    flex: 0.5;
}

/* Schedule Selector */
.schedule-selector-container {
    display: flex;
    gap: 10px;
}

.schedule-selector-container input[type="radio"] {
    display: none;
}

.schedule-selector-container label {
    padding: 10px 30px;
    background: #F5F5F5;
    border-radius: 4px;
    cursor: pointer;
    color: #666666;
    transition: all 0.3s ease;
    text-align: center;
    min-width: 120px;
}

.schedule-selector-container input[type="radio"]:checked + label {
    background: #D9534F;
    color: white;
}

.schedule-selector-container label:hover {
    background: #E6E6E6;
}

.schedule-selector-container input[type="radio"]:checked + label:hover {
    background: #C9433F;
}

/* Submit Button */
.contact .contact-form .btn-submit {
    background: var(--chery-red);
    color: white;
    border: none;
    padding: 12px 100px;
    border-radius: 30px;
    cursor: pointer;
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
    font-weight: 400;
    transition: all 0.3s ease;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contact .contact-form .btn-submit:hover {
    background: #C9433F;
    color: white;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Large Screens (max-width: 1200px) */
@media (max-width: 1200px) {
    /* Banner Section */
    .glide-home .slide-content {
        top: 10%;
        width: 75%;
    }

    .glide-home .slide-content .more-button {
        padding: 10px 20px;
    }
}

/* Medium-Large Screens (max-width: 1167px) */
@media (max-width: 1167px) {
    /* News Section */
    .news .news-gallery {
        grid-template-columns: repeat(auto-fill, minmax(332px, 1fr));
    }

    .news .news-gallery .news-item {
        max-width: 332px;
    }

    .news .news-gallery .news-item img {
        height: 280px;
        max-height: 280px;
    }
}

/* Medium Screens (max-width: 1024px) */
@media (max-width: 1024px) {
    /* Banner Section */
    .glide-home .slide-content {
        top: 10%;
        width: 75%;
    }

    .glide-home .slide-content .more-button {
        padding: 10px 20px;
    }

    /* News Section */
    .news .news-gallery {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

    .news .news-gallery .news-item {
        max-width: 280px;
    }

    .news .news-gallery .news-item img {
        height: 240px;
        max-height: 240px;
    }
}

/* Tablet Screens (max-width: 768px) */
@media (max-width: 768px) {
    /* Banner Section */
    .glide-home {
        max-height: 500px;
    }

    .glide-home .slide-content {
        top: 15%;
        width: 75%;
    }

    .glide-home .slide-content h2 {
        margin-bottom: 5px;
    }

    .glide-home button[data-glide-dir="<"],
    .glide-home button[data-glide-dir=">"] {
        width: 40px;
        height: 40px;
    }

    .glide-home button[data-glide-dir="<"] svg,
    .glide-home button[data-glide-dir=">"] svg {
        width: 20px;
        height: 20px;
    }

    .glide-home button[data-glide-dir=">"] {
        right: 3%;
    }

    .glide-home button[data-glide-dir="<"] {
        left: 3%;
    }

    .glide-home .glide__bullets {
        bottom: 30px;
    }

    .glide-home .glide__bullet {
        width: 50px;
    }

    .glide-home .slide-content .more-button {
        padding: 10px 30px;
        margin-top: 15px;
    }

    /* Models Section */
    .glide-models button[data-glide-dir=">"] {
        right: 0;
    }

    .glide-models button[data-glide-dir="<"] {
        left: 0;
    }

    /* Gallery Section */
    .gallery .gallery-item {
        grid-template-columns: 1.5fr 1fr;
        grid-template-rows: repeat(3, 300px);
        height: auto;
		padding: 0;
		margin: 0;
    }

    .gallery .gallery-item img {
        grid-row: auto;
        grid-column: 1;
    }

    /* News Section */
    .news .news-gallery {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        justify-content: center;
        justify-items: center;
    }

    .news .news-gallery .news-item {
        max-width: 280px;
        max-height: max-content;
        margin: 0 auto;
    }

    .news .news-gallery .news-item img {
        height: 200px;
        max-height: 200px;
    }

    .news .news-gallery .news-item:hover img {
        height: 100px;
        max-height: 100px;
    }

    .news .news-gallery .news-item .news-item-content {
        padding: 8px;
        gap: 2px;
    }

    /* Contact Section */
    .contact .contact-form .row-form {
        flex-direction: column;
    }

    .contact .contact-form .row-form .input-container.large,
    .contact .contact-form .row-form .input-container.small {
        width: 100%;
    }
}

/* Mobile Screens (max-width: 599px) */
@media (max-width: 599px) {
    /* General */
    .container {
        padding: 0 20px;
    }

	.container.gallery {
		padding: 0;
	}

    /* Banner Section */
    .glide-home {
        height: 400px;
    }

    .glide-home .glide__slide img {
        max-height: 400px;
        height: 400px;
    }

    .glide-home .slide-content {
        top: 20%;
    }

    .glide-home .slide-content h2 {
        font-size: 1.5rem;
    }

    .glide-home .slide-content p {
        font-size: 1rem;
    }

    .glide-home button[data-glide-dir=">"] {
        right: 5%;
    }

    .glide-home button[data-glide-dir="<"] {
        left: 5%;
    }

    .glide-home .glide__arrows {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        bottom: 11%;
        top: unset;
        transform: translateY(0);
    }

    .glide-home .slide-content .more-button {
        padding: 10px 20px;
    }

    /* Models Section */
    .glide-models {
        margin: 50px 0;
        margin-bottom: 0;
        min-height: unset;
    }

    .glide-models button[data-glide-dir="<"],
    .glide-models button[data-glide-dir=">"] {
        width: 40px;
        height: 40px;
    }

    .glide-models button[data-glide-dir="<"] svg,
    .glide-models button[data-glide-dir=">"] svg {
        width: 20px;
        height: 20px;
    }

    .glide-models button[data-glide-dir=">"] {
        right: -5%;
    }

    .glide-models button[data-glide-dir="<"] {
        left: -5%;
    }

    .glide-models .glide__bullets {
        display: none;
    }

    .glide-models .model-name {
        display: block;
    }

    .models .see-model-btn-container .see-model-btn {
        font-size: .875rem;
    }

    /* News Section */
    .news .news-gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 12px;
        justify-content: center;
    }

    .news .news-gallery .news-item {
        max-width: 100%;
        height: auto;
        max-height: none;
    }

    .news .news-gallery .news-item img {
        height: 100px;
        max-height: 100px;
    }

    .news .news-gallery .news-item:hover img {
        height: 100px;
        max-height: 100px;
    }

    .news .news-gallery .news-item .news-item-content {
        padding: 8px;
        gap: 2px;
    }

    .news .news-gallery .news-item .news-item-date {
        font-size: 0.65rem;
    }

    .news .news-gallery .news-item h3 {
        font-size: 0.8rem;
        margin: 2px 0 3px;
    }

    .news .news-gallery .news-item p {
        font-size: 0.75rem;
        line-height: 1.2;
    }

    .news .news-gallery .news-item .news-item-link {
        font-size: 0.7rem;
        margin-top: 3px;
    }

    .news .news-gallery .news-item .news-item-category {
        top: 5px;
        padding: 3px 6px;
        font-size: 0.6rem;
    }

    .news .news-gallery .news-item .news-item-category:after {
        bottom: -5px;
        border-right: 5px solid transparent;
        border-top: 5px solid #a30318;
    }

	a.news-item-link-ver-mas,
	a.news-item-link-ver-mas.only-mobile {
		font-size: clamp(0.7rem, 0.65rem + 0.3vw, 0.8rem);
		color: #666;
		font-weight: 500;
		text-decoration: none;
		text-transform: uppercase;
		transition: all 0.3s ease;
	}

	a.news-item-link-ver-mas:hover,
	a.news-item-link-ver-mas.only-mobile:hover {
		color: #333;
	}


    /* Contact Section */
    .contact .contact-form .row-form {
        flex-direction: column;
    }

    .contact .contact-form .row-form .input-container.large,
    .contact .contact-form .row-form .input-container.small {
        width: 100%;
    }

}

/* Small Mobile Screens (max-width: 359px) */
@media (max-width: 359px) {
    /* News Section */
    .news .news-gallery {
        gap: 8px;
    }

    .news .news-gallery .news-item img {
        height: 80px;
        max-height: 80px;
    }

    .news .news-gallery .news-item:hover img {
        height: 80px;
        max-height: 80px;
    }

    .news .news-gallery .news-item .news-item-content {
        padding: 5px;
    }

    .news .news-gallery .news-item h3 {
        font-size: 0.7rem;
        margin: 1px 0 2px;
    }

    .news .news-gallery .news-item p {
        font-size: 0.65rem;
    }

    .news .news-gallery .news-item .news-item-link {
        font-size: 0.65rem;
        margin-top: 2px;
    }
}

/* Media Queries */
@media (max-width: 599px) {
    .glide-home .glide__slide img {
        height: 100%;
    }
}