.text-content-container {
            background-color: #e9ecef; /* Light gray background */
        }
        .text-content {
            background-color: #ffffff; /* White background */
            padding: 2rem;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            margin: 0 auto;
            max-width: 900px;
        }
        .brand-container {
            padding: 2rem;
            background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(204,0,0,1) 0%, rgba(0,0,0,1) 50%);
        }
        .brand-item {
            padding: 10px;
            position: relative;
            overflow: hidden;
            clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); /* Creating the parallelogram shape */
            /*margin-bottom: 0.5rem; /* Smaller spacing between images */
        }
        .brand-item img {
            width: 100%;
            height: auto;
            transition: transform 0.3s ease;
        }
        .brand-item:hover img {
            transform: scale(1.1); /* Scaling on hover */
        }
        .brand-caption {
            position: absolute;
            bottom: 10%;
            left: 50%;
            color: white;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
            font-weight: bold;
            transform: translateX(-50%);
        }
        .brand-arrow {
            background-color: red;
            font-weight: bold;
            color: white;
            transform: skew(-20deg);
            padding: 5px 10px;
        }
        .main-image img {
            width: 100%;
            height: auto;
            padding: 0px;
        }
        .news-item {
            position: relative;
            color: white;
        }
        .news-item img {
            width: 100%;
            height: auto;
        }
        .news-item .news-text {
            position: absolute;
            bottom: 10px;
            left: 10px;
            padding: 10px;
        }
        .news-item-small img {
            width: 100%;
            height: 100%;
        }
        .car-item{
            position: relative;
            overflow: hidden;
           clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%); /* Creating the parallelogram shape */
            margin-bottom: 0.5rem; /* Smaller spacing between images */
        }
        .car-link{
            position: absolute;
            right: 0%;
            bottom: 0%;
            /*transform: translateX(-100%);*/

        }
        .filter-list {
            list-style: none;
            padding: 0;
            margin: 0;
            font-family: Arial, sans-serif;
        }

        .filter-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 0;
        }

        .filter-item input[type="radio"] {
            appearance: none;
            width: 16px;
            height: 16px;
            border: 1px solid #ccc;
            margin-right: 8px;
            cursor: pointer;
            position: relative;
            border-radius: 50%;
            padding: 2px;
        }

        .filter-item input[type="radio"]:checked {
            background-color: #000;
            border-radius: 50%;
        }

        .filter-item label {
            flex-grow: 1;
            font-size: 14px;
            color: #333;
            cursor: pointer;
        }

        .filter-item .count {
            font-size: 12px;
            color: #777;
        }
        .range-slider {
          height: 10px;
          position: relative;
          background-color: #e9ecef;
          border-radius: 2px;
        }
        .range-selected {
          height: 100%;
          left: 30%;
          right: 30%;
          position: absolute;
          border-radius: 5px;
          background-color: #c00;
        }
        .range-input {
          position: relative;
        }
        .range-input input {
          position: absolute;
          width: 100%;
          height: 10px;
          top: -10px;
          background: none;
          pointer-events: none;
          -webkit-appearance: none;
          -moz-appearance: none;
        }
        .range-input input::-webkit-slider-thumb {
          height: 20px;
          width: 20px;
          border-radius: 50%;
          background-color: #c00;
          pointer-events: auto;
          -webkit-appearance: none;
        }

        .range-input input::-moz-range-thumb {
          height: 15px;
          width: 15px;
          border-radius: 50%;
          background-color: #c00;
          pointer-events: auto;
          -moz-appearance: none;
        }
        .range-price {
          margin: 30px 0;
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }

        .range-price label {
          margin-right: 2px;
          color: #c00;
        }

        .range-price input {
          width: 100px;
          padding: 5px;
          border: 1px solid #c00;
          border-radius: 5px;
        }