@media (max-width: 767px) {
html {
overflow-x: hidden !important;
}
}
h1,
h2,
h3,
h4 {
line-height: initial !important;
}
#hero {
color: white; padding: 80px 0;
}
#hero .c-container h1 {
font-style: normal; font-weight: 500; font-size: 4em;
/* or 47% */
text-align: center; text-transform: uppercase; font-style: normal; font-weight: 500; font-size: 4em; margin: 4rem;
}
#hero h3 {
font-weight: 100; font-size: 3em; text-transform: uppercase;
}
#hero ul {
text-align: start;
}
#hero ul li {
font-weight: 100; font-size: 2.5em; text-transform: uppercase; margin-bottom: 10px;
}
@media (max-width: 768px) {
#hero {
font-size: 6px; padding: 40px 0px;
}
#hero h3 {
padding: 10px 25px; text-align: center;
}
#hero ul li {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
#hero {
font-size: 14px;
}
#hero .hero-list-wrapper {
text-align: start; padding: 3em 4em; width: 1300px; margin: 0 auto;
}
}
/* Modify layout width */
.d-flex.justify-content-between.flex-lg-row.flex-column.my-5.pt-3 {
    max-width: 1440px !important;
    margin: 0 auto !important;
}

.lead-form-title {
    font-size:1.5rem;
    font-weight: bold;
    margin-bottom:1rem;
}
.custom-page-dealer-map {
  display: none !important;
}
/* CSS for Shop By Model Section */

    .hsd-shop-by-model-container {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .hsd-car-model {
        flex: 0 0 30%; /* Adjusts the flex basis to 30%, allowing 3 items per row */
        max-width: 30%;
        box-sizing: border-box;
        margin: 0 15px; /* Adjust the side margins as needed */
        text-align: center;
    }
    .hsd-car-model img {
        width: 100%;
        height: auto;
        display: block;
}
    .hsd-car-model a {
        text-decoration: none;
        color: black; /* Or any color you want for the text */
    }
    .hsd-car-model a img {
  transition: transform 0.3s ease; /* smooth zoom effect */
}

.hsd-car-model a:hover img {
  transform: scale(1.1); /* zoom to 110% */
}
    .hsd-car-model p {
        margin-top: 0; /* Removes the default margin from the paragraph */
        font-weight: bold;
    }
    @media (max-width: 768px) {
        .hsd-car-model {
            flex: 1 1 50%; /* Two items per row on medium screens */
        }
    }
    @media (max-width: 480px) {
        .hsd-car-model {
            flex: 1 1 100%; /* One item per row on small screens */
        }
    }