.uc-header{
    .t199__logo-image{
        max-height: 64px;
    }

    .t199__header.t199__is__active {

        background: linear-gradient(180deg, 
                    rgba(27, 31, 33, 0.7) 0%, 
                    rgba(18, 21, 26, 0.7) 50%);
        
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    }

    
    .t199__header.t199__is__active, .t199__header.t199__is__active .t199__holder, .t199__header.t199__is__active .t199__holder a {
        color: #ffffff;
    }
    
    @media only screen and (max-width: 1024px) {
        .t199__header{
            height: 60px;
        }
        .t199__holder{
            height: 60px;
        }
        .t199__logo{
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .t199__mmenu-toggler{
            height: 60px;
        }
        .t199__logo-image {
            display: inline-block;
            max-height: 40px;
            width: auto !important;
        }
        .t199__logo-text-mobile.t-title{
            display: none;
        }
        .t199__mmenu{
            top: 60px;
        }
        .t199__header:has(.t-menuburger-opened){
            //backdrop-filter: none;
        }
        
            .t199__mmenu.t199__js__menu{
                background: linear-gradient(180deg, rgb(27 31 33 / 84%) 25%, rgb(18 21 26 / 92%) 67%);
                -webkit-backdrop-filter: blur(30px);
                backdrop-filter: blur(30px);
                box-shadow: 0 25px 32px rgba(0, 0, 0, 0.2);
                color: #fff;
                height: 100vh;
            }
        
    }
}

.uc-portfolio .t772 .t772__wrapper{
    .t772__content{
        padding: 20px;
        background: linear-gradient(180deg, rgba(27, 31, 33, 1) 0%, rgba(18, 21, 26, 1) 50%);
    }
}

.uc-service{
    .t774__wrapper{
        background: linear-gradient(180deg, rgb(56 62 65) 0%, rgba(18, 21, 26, 1) 70%);
    }
}

.uc-article{
    .t-feed__col-grid__post-wrapper{
        background: linear-gradient(180deg, rgba(27, 31, 33, 1) 0%, rgba(18, 21, 26, 1) 50%)!important;
    }
}

.metriks{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}