.sticky-header.sticky-active{position: relative;}
.vallery ul{white-space:nowrap; overflow:auto;display:flex;justify-content: center;}
.vallery ul li{list-style:none;display:inline-block;margin:0;border-bottom:1px solid transparent;}
.vallery ul li + li{border-left:1px solid #e8e8e8;}
.vallery ul li a{color:#333;display:block;padding:0px;font-size:14px;font-weight:500;padding:7px 10px 10px;}
.vallery ul li a i{margin-right:5px}
.vallery ul li a:hover{color:#333;background:rgba(255,255,255,.1);}
.vallery .active-list{border-bottom-color:var(--main-color);}
.vallery .active-list a{color:var(--main-color);background:rgba(255,255,255,.1);}

@media(min-width:1200px){
.vallery ul li a{padding:7px 20px;}
}
@media(max-width:1199px){
.vallery ul li a{padding:7px 12px;}
}
@media(max-width:767px){
.vallery ul{justify-content:flex-start}
}
.lista li{display:inline-block;margin:0 15px 10px 0;width:140px;height:60px;line-height: 24px;padding-top: 6px;border-bottom:1px solid #e8e8e8}
@media(max-width:575px){
.lista li{width:29%;margin:1%;}
}

.hasdesc h3{font-weight:600;font-size:20px;color:var(--main-color2)}
.hasdesc h3{font-weight:600;font-size:20px;color:var(--whiteColor)}
.hasdesc ul{margin:20px 0;padding:0;}
.hasdesc ul li{position:relative;padding-left:20px;margin:8px 0;display:inline-block;min-width: 40%;}
.hasdesc.height100 {background-image:url(images/shape.svg);background-repeat:no-repeat;background-position:right 10% bottom 10%;}
.hasdesc.height100 ul li{color:#fff;}
.hasdesc ul li::before{content:'\f134';font-family:'bootstrap-icons';position:absolute;left:0;top:0;}
@media(max-width:1199px){
.hasdesc ul li{min-width: 32%;}
}
@media(max-width:767px){
.hasdesc ul li{min-width:45%;}
}
@media(max-width:575px){
.hasdesc ul li{min-width:100%;}
}