.fs-7 {
    font-size: .85rem !important;
}
.fs-8 {
    font-size: .75rem !important;
}
.header{
    padding-bottom: 1rem !important;
    background-color: #242424;
}
.whyChoose{
    background-color: #242424;
    color: #fff !important;
    border-bottom: 3px solid #000 !important;
    opacity: 1 !important;
}
.howToFind{
    background-color: #242424;
    color: #fff !important;
    border-bottom: 3px solid #000 !important;
    opacity: 1 !important;
}

.kingofcars-link{
    color: #fff !important;
}

.kingofcars-link:hover{
    color: #6c0704 !important;
}

.kingofcars-primary-btn{
    background-color: #6c0704;
    color: #fff !important;
    border-color: #6c0704;
}
.kingofcars-primary-btn:hover{
    background-color: #af2a23;
    border-color: #af2823;
}
.filters{
    background-color: #242424;
}
/* Dashed border */
hr.dashed {
    border-top: 3px dashed #bbb;
}

/* Dotted border */
hr.dotted {
    border-top: 3px dotted #bbb;
}

/* Solid border */
hr.solid {
    border-top: 1px solid #bbb;
}

hr.solid-dark{
    border-top: 3px solid #000 !important;
    opacity: 1 !important;
}

/* Rounded border */
hr.rounded {
    border-top: 8px solid #bbb;
    border-radius: 5px;
}

.footer{
    padding-top: 5rem;
}

.div-centered {
    text-align: left; 
    margin: auto; 
}

.txt-primary{
    color: #6C0804 !important;
}

.txt-secondary{
    color: #242424 !important;
    opacity: .75;
}

.breadcrumb{
    padding: 50px 0;
}

.pagination > .previous-page > a{
    background-color: #6c0704 !important;
    color: #fff;
}

.pagination > .previous-page > a:hover{
    background-color: #af2a23;
    border-color: #af2823;
}

.pagination > .next-page > a{
    background-color: #6c0704 !important;
    color: #fff;
}

.pagination > .next-page > a:hover{
    background-color: #af2a23;
    border-color: #af2823;
}

.pagination > .current-page > a{
    background-color: #fff !important;
    color: #6c0704;
}

.pagination > .dots > a{
    background-color: #fff !important;
    color: #6c0704;
}

.pagination > .current-page.active .page-link {
    background-color: #af2a23;
    border-color: #af2823;
    color: #6c0704;
}

.page-link:focus {
    z-index: 3;
    color: #6c0704;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(175, 40, 35, 0.25);
}

/* Ensures that images resize correctly with the screen */
.carousel-inner img {
  max-height: 80vh; /* Sets the max height relative to the viewport height */
  object-fit: cover; /* Ensures the image covers the container while maintaining aspect ratio */
}

/* Optional: For even better control, you can adjust height at different screen breakpoints */
@media (max-width: 768px) {
  .carousel-inner img {
    max-height: 60vh;
  }
}

@media (max-width: 576px) {
  .carousel-inner img {
    max-height: 50vh;
  }
}