/* TKZ Brand Designer Pro */

.tkz-brand-pro{
background:#fff;
border:1px solid #e8eef2;
border-radius:28px;
padding:22px;
box-shadow:0 15px 40px rgba(15,23,42,.08);
}

.tkz-brand-pro .widget-title,
.tkz-brand-pro .widgettitle{
font-size:18px!important;
font-weight:900!important;
color:#101828!important;
padding-bottom:15px!important;
border-bottom:1px solid #edf2f7;
margin-bottom:18px!important;
}

.tkz-brand-search{
width:100%;
height:46px;
border-radius:15px;
border:1px solid #e5eaf0;
background:#f8fafc;
padding:0 15px;
margin-bottom:15px;
font-size:14px;
outline:none;
}

.tkz-brand-search:focus{
border-color:#00855a;
background:#fff;
}

.tkz-brand-pro ul{
display:grid!important;
grid-template-columns:1fr;
gap:10px;
padding:0!important;
margin:0!important;
}

.tkz-brand-pro li{
list-style:none!important;
margin:0!important;
}

.tkz-brand-pro li a{
height:50px;
display:flex!important;
align-items:center;
gap:12px;
padding:0 16px!important;
border-radius:17px;
background:linear-gradient(145deg,#fbfcfd,#f3f7f8);
border:1px solid #e8eef2;
font-weight:700!important;
color:#1d2939!important;
transition:.3s ease;
}

.tkz-brand-pro li a:before{
content:"";
width:9px;
height:9px;
border-radius:50%;
background:#00855a;
box-shadow:0 0 0 5px rgba(0,133,90,.12);
}

.tkz-brand-pro li a:hover{
background:linear-gradient(135deg,#00855a,#18b66a);
color:#fff!important;
transform:translateY(-3px);
box-shadow:0 12px 25px rgba(0,133,90,.2);
}

@media(min-width:768px){
.tkz-brand-pro ul{
grid-template-columns:repeat(2,1fr)!important;
}
}

@media(max-width:767px){
.tkz-brand-pro{
padding:16px;
border-radius:22px;
}

.tkz-brand-pro li a{
height:46px;
font-size:13px!important;
}
}