.autok-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}

.autobejegyzes {
    background-color: white;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.autobejegyzes:hover {
    box-shadow: 0 18px 32px #1f1f1f33;
    -webkit-box-shadow: 0 18px 32px rgba(31, 31, 31, .2);
    transform: translateY(-5px);
}

p.ar {
    color: #1A202C;
    font-weight: 800;
    font-family: "halcom", Sans-serif;
    font-size: 22px;
    margin-bottom: 0px;
}

p.arszoveg {
    font-family: "proxima-nova", Sans-serif;
    font-size: 16px;
    margin-bottom: 0px;
    color: #1A202C;
}

p.raklapok {
    font-family: "proxima-nova", Sans-serif;
    font-size: 13px;
    margin-bottom: 0px;
    color: #1A202C;
    background-color: #f6f7f9;
    padding: 2px 10px;
    letter-spacing: 0.3px;
}

.info {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}


.autobejegyzes-also {
    padding: 20px;
}

.autobejegyzes-link {
    text-decoration: none;
    color: inherit;
}


.autobejegyzes-felso h3 {
    font-weight: 700;
    font-family: "halcom", Sans-serif;
    letter-spacing: 0.07px;
    color: white;
    font-size: 23px;
    margin-bottom: 0px;
}

.autobejegyzes-felso p.tipus {
    font-family: "proxima-nova", Sans-serif;
    color: white;
    font-size: 15px;
    margin-bottom: 0px;
}

.felso-info {
    padding: 5px 15px 0px 15px;
}

/* szinek 
.autobejegyzes-felso {
    background: linear-gradient(0deg, #ed8b00, #ee4c14);
    background: linear-gradient(90deg, #ed8b00, #ee4c14);
    background: linear-gradient(90deg, #c85a00, #b53c10);
    background: linear-gradient(90deg, #ff5f02, #e74c3c);
    background: linear-gradient(90deg, #ff5f02, #ffa45b);
    background: linear-gradient(90deg, #ff5f02, #ff9f50);
    background: linear-gradient(90deg, #ff5f02, #ffb380);
    background: linear-gradient(90deg, #ff5f02, #ff944d);
    background: linear-gradient(90deg, #ff5f02, #ff8c42);
    background: linear-gradient(90deg, #ff5f02, #ffa45b);
    background: linear-gradient(182deg, #ff5f02, #ff8c42);
}
*/


.autobejegyzes-felso {
    padding: 10px;
    background: linear-gradient(180deg, #ff5f02 22%, #ffffff 90%);
}


@media (max-width: 767px) {


    .autok-container .slick-list{padding:0 20% 0 0 !important;}

/* Alapértelmezett stílus a slider navigációs pontokhoz (dots) */
.slick-dots li {
    margin-right: 10px; /* Jobb oldali szünet hozzáadása */
}

 .slick-initialized .slick-slide {
    display: block;
    margin-right: 20px;
}

.slick-dots li button {
    border: 1px solid #ff6004 !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    width: 12px !important;
    height: 12px !important;
    padding: 0;
    transition: background-color 0.3s, border 0.3s;
}

/* Amikor az egér fölé viszik a pontokat */
.slick-dots li button:hover {
    background-color: #ff6004;
    border: 1px solid #ff6004;
}

.slick-dots li.slick-active button {
    background-color: #ff6004 !important;
    border: 1px solid #ff6004 !important;
}

.slick-dots li button:before {
  display: none;

}

.autobejegyzes {
    height: 500px;
}

.slick-dots {
    bottom: -50px !important;
}

}