.lunnar-vehicles{display:flex;flex-wrap:wrap;width:100%}.lunnar-vehicles .vehicles-item{display:flex;flex-direction:column;gap:1rem;width:100%;aspect-ratio:3/4.2;border-radius:.75rem;position:relative;overflow:hidden;text-decoration:none;justify-content:flex-end}.lunnar-vehicles .vehicles-item img.vehicles-item-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1;transition:transform .4s ease-in-out}.lunnar-vehicles .vehicles-item .vehicles-item-icon{display:flex;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-white);align-items:center;justify-content:center;z-index:3;top:1.5rem;left:1.5rem;position:absolute}.lunnar-vehicles .vehicles-item .vehicles-item-icon img{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.lunnar-vehicles .vehicles-item .vehicles-item-content{display:flex;width:100%;flex-direction:column;z-index:3;position:relative;padding:2rem 1.25rem 3rem 1.25rem;margin-top:auto}.lunnar-vehicles .vehicles-item .vehicles-item-content h3{color:var(--color-white);margin:0;transform:translateY(20px);transition:transform .3s ease-in-out;padding-bottom:1rem}@media(max-width: 767px){.lunnar-vehicles .vehicles-item .vehicles-item-content h3{transform:translateY(0)}}.lunnar-vehicles .vehicles-item .vehicles-item-content p{margin:0;color:var(--color-white);opacity:0;transform:translateY(20px);max-height:0;overflow:hidden;transition:opacity .3s ease-in-out,transform .3s ease-in-out,max-height .3s ease-in-out}@media(max-width: 767px){.lunnar-vehicles .vehicles-item .vehicles-item-content p{opacity:1;transform:translateY(0);max-height:200px}}.lunnar-vehicles .vehicles-item:after{content:"";background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:2;transition:all .4s ease-in-out}.lunnar-vehicles .vehicles-item:hover img.vehicles-item-image{transform:scale(1.05)}.lunnar-vehicles .vehicles-item:hover:after{height:70%}.lunnar-vehicles .vehicles-item:hover .vehicles-item-content h3,.lunnar-vehicles .vehicles-item:hover .vehicles-item-content p{opacity:1;transform:translateY(0)}.lunnar-vehicles .vehicles-item:hover .vehicles-item-content p{max-height:400px}.lunnar-vehicles.vehicles-grid .vehicles-list{display:grid;grid-template-columns:repeat(1, 1fr);gap:1.25rem;width:100%}@media(min-width: 768px){.lunnar-vehicles.vehicles-grid .vehicles-list{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.lunnar-vehicles.vehicles-grid .vehicles-list{grid-template-columns:repeat(4, 1fr)}}.lunnar-vehicles.vehicles-swiper .vehicles-list{display:flex;width:100%;flex-direction:column;position:relative;padding-bottom:2rem}.lunnar-vehicles.vehicles-swiper .vehicles-list .swiper-wrapper{display:flex;width:100%;gap:.75rem}.lunnar-vehicles.vehicles-swiper .vehicles-list .swiper-wrapper .vehicles-item{flex-shrink:0;width:20rem}.lunnar-vehicles.vehicles-swiper .vehicles-list .swiper-wrapper .vehicles-item h4{font-size:1.5rem}.lunnar-vehicles.vehicles-swiper .vehicles-list .swiper-wrapper .vehicles-item .vehicles-item-arrow img,.lunnar-vehicles.vehicles-swiper .vehicles-list .swiper-wrapper .vehicles-item .vehicles-item-arrow svg{width:1.5rem;height:1.5rem}@media(min-width: 768px){.lunnar-vehicles.vehicles-swiper .vehicles-list .swiper-wrapper .vehicles-item{width:25rem}}.lunnar-vehicles.vehicles-swiper .vehicles-list .swiper-scrollbar{position:absolute;bottom:0;left:0;width:calc(100% + 50px);height:2px;background:var(--color-black-50);border-radius:1px}.lunnar-vehicles.vehicles-swiper .vehicles-list .swiper-scrollbar .swiper-scrollbar-drag{height:100%;background:var(--color-black);border-radius:1px;cursor:grab}