.slider-wrapper {
  width: 100%; /* Set width to 100% to fit within the page */
  max-width: 500px; /* Set max width for the slider container */
  margin: 0 auto; /* Center align the slider container */
}

.slider {
  display: flex; /* Use flexbox for the slider */
}

.slider img {
  flex: 0 0 100%; /* Set images to take up full width of the slider */
  object-fit: cover; /* Use object-fit to ensure images maintain aspect ratio and cover the slider */
}

.slider-nav {
  display: flex; /* Use flexbox for the slider navigation */
  justify-content: center; /* Center align the navigation within the slider container */
  margin-top: 10px; /* Add some top margin for spacing */
}

.slider-nav a {
  width: 12px; /* Set width for the navigation dots */
  height: 12px; /* Set height for the navigation dots */
  border-radius: 50%; /* Set border radius to create circular dots */
  background-color: #bbb; /* Set background color for the dots */
  margin: 0 5px; /* Add margin between the dots */
  cursor: pointer; /* Set cursor to pointer for interaction */
}

.slider-nav a:hover {
  background-color: #ffffff; /* Change background color of dots on hover for a fancy appearance */
}


.buton1{

  padding-top: 2%;
  
  


}

.buton {
  padding: 10px 20px; /* Set padding for the button */
  font-size: 18px; /* Set font size for the button */
  background-color: #f0f0f0; /* Set background color for the button */
  color: #fff; /* Set font color for the button */
  border: none; /* Remove button border */
  cursor: pointer; /* Set cursor to pointer on hover */
  transition: transform 0.3s ease-in-out; /* Add transition for smooth animation */
}

.buton:hover {
  transform: scale(1.1); /* Apply scale transformation on hover */
}

.info-car {
  font-size: 24px; /* Set font size for car model information */
  font-weight: bold; /* Set font weight for car model information */
  color: white; /* Set font color for car model information */
  margin-bottom: 5px; /* Add some spacing at the bottom of the car model information */
}

.price-car {
  font-size: 36px; /* Set font size for car price information */
  font-weight: bold; /* Set font weight for car price information */
  color: #ffffff; /* Set font color for car price information */
  margin-bottom: 10px; /* Add some spacing at the bottom of the car price information */
}

.info-car2 {
  font-size: 18px; /* Set font size for additional car information */
  color: #777; /* Set font color for additional car information */
  margin-bottom: 5px; /* Add some spacing at the bottom of the additional car information */
}

.info-car3 {
  font-size: 18px; /* Set font size for pricing information */
  color: #555; /* Set font color for pricing information */
  margin-bottom: 0; /* Remove bottom margin for pricing information */
}