.logo-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: 100%;
    width: fit-content;
}

.icon-circle {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.icon-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.text-container {
    display: flex;
    align-items: center;
    gap: 5px;
}

.silenteck-text h2{
    color: #000;
    text-shadow: 1px 0 #FFFFFF, -1px 0 #FFFFFF, 0 1px #FFFFFF, 0 -1px #FFFFFF, 1px 1px #FFFFFF, -1px -1px #FFFFFF, 1px -1px #FFFFFF, -1px 1px #FFFFFF;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-text-stroke: 2px #fff;
    paint-order: stroke fill;
    white-space: nowrap;
    margin: 0;
}

.silenteck-text-2 h2{
    color: #FFF;
    text-shadow: 1px 0 #000000, -1px 0 #000000, 0 1px #000000, 0 -1px #000000, 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-text-stroke: 2px #fff;
    paint-order: stroke fill;
    white-space: nowrap;
    margin: 0;
}

.green-slash {
    width: 8px;
    height: 100px;
    background: linear-gradient(135deg, #00ff66 0%, #00cc52 100%);
    transform: skewX(-15deg);
    flex-shrink: 0;
}

@media (max-width: 768px) {
  .silenteck-text-2 h2{ font-size: clamp(20px, 5.5vw, 32px) !important; }
  .silenteck-text h2{ font-size: clamp(20px, 5.5vw, 32px) !important; }
  .icon-circle { width: 30px; height: 30px; }
  .green-slash { height: 60px; }
  .logo-container { gap: 5px; }
}