File size: 1,434 Bytes
0dff816 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
.car-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.nav-link:hover {
color: #ef4444;
}
.floating-chat {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
}
.sticky-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1000;
}
.vr-container {
position: relative;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.vr-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1000;
overflow-y: auto;
}
.modal-content {
background-color: white;
margin: 5% auto;
padding: 20px;
width: 90%;
max-width: 1000px;
border-radius: 8px;
position: relative;
}
.close-modal {
position: absolute;
top: 15px;
right: 15px;
font-size: 24px;
cursor: pointer;
z-index: 1001;
}
.motor-type-btn.active {
background-color: #ef4444;
color: white;
}
.car-image {
cursor: pointer;
transition: transform 0.3s ease;
}
.car-image:hover {
transform: scale(1.03);
}
.pagination-btn.active {
background-color: #ef4444;
color: white;
border-color: #ef4444;
} |