:root {
    --mainColor: var(--kk24Color);
    --mainColorRGB: var(--kk24ColorRGB);
    --secondColor: var(--kk24ColorDark);
    --secondColorRGB: var(--kk24ColorDarkRGB);
}

.head>.inner .logo {
    background-image: url(../Images/logo.svg);
    background-size: 100% 100%;
    aspect-ratio: 100 / 24;
    margin: 0;
    width: clamp(8.75rem, 5rem + 7.5vw, 12.5rem);
    height: auto;

    &::before,
    &::after{
        content: none;
    }
}

.foot {
    background: var(--kk24ColorDark);
}

.foot .footinfo {
    grid-template-columns: repeat(3, 1fr);
}

#uid1 .px-iconbox{
    grid-template-columns: repeat(4, 1fr);
}

@media all and (max-width: 1024px) {
    #uid1 .px-iconbox{
        grid-template-columns: repeat(3, 1fr);
    }   
}

@media all and (max-width: 768px) {
    #uid1 .px-iconbox{
        grid-template-columns: repeat(2, 1fr);
    }  

    .sticky-nav-inner li:not(.uid461){
        display: none;
    }

    .foot .footinfo {
       grid-template-columns: 1fr;
    }
}

@media all and (max-width: 480px) {
    #uid1 .px-iconbox{
        grid-template-columns: repeat(1, 1fr);
    }   
}

.px-banner .text{
    background: rgba(var(--kk24ColorDarkRGB), 0.9);
}


@media all and (max-width: 1024px) {
    .px-banner .text{
        background: transparent;
    }
}

#c9920 img{
    filter: brightness(0) saturate(100%) invert(51%) sepia(87%) saturate(1930%) hue-rotate(2deg) brightness(105%) contrast(103%);
}