.oie-office-icons-container {
    display: flex;
    flex-wrap: nowrap; /* Ne törjön több sorba alapértelmezetten */
    gap: 20px;
    max-width: 100%; /* A konténer nem lépi túl a képernyő szélességét */
    margin-top: 20px;
    justify-content: flex-start; /* Balra rendezés */
    overflow: hidden; /* Elrejti a túlnyúló elemeket */
}

.oie-office-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 1; /* Lehetővé teszi az ikonok méretének csökkenését, ha szükséges */
    /* Flex alapértelmezett beállítások: flex-grow: 0; flex-shrink: 1; flex-basis: auto; */
}

.oie-office-icon img {
    height: 40px; /* Alapértelmezett magasság */
    width: auto;
    object-fit: contain;
    max-width: 100%;
    transition: height 0.3s ease; /* Finom átmenet a méretváltozásnál */
}

.oie-office-icon-name {
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
    transition: font-size 0.3s ease; /* Finom átmenet a méretváltozásnál */
}

/* Reszponzív stílusok kisebb képernyőkhöz */
@media (max-width: 1200px) {
    .oie-office-icon img {
        height: 35px; /* Kisebb magasság közepes képernyőn */
    }

    .oie-office-icon-name {
        font-size: 13px;
    }
}

@media (max-width: 992px) {
    .oie-office-icon img {
        height: 30px; /* Még kisebb magasság kisebb képernyőn */
    }

    .oie-office-icon-name {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .oie-office-icon img {
        height: 25px; /* Kisebb magasság mobil eszközökön */
    }

    .oie-office-icon-name {
        font-size: 11px;
    }
}