.ui-widget {
        font-family: "objektiv-mk2",sans-serif !important;
        color:black!important;
    }

    .ui-menu-item {
        border-bottom: 1px solid #e5e5e5!important;
    }
    
    .ui-menu-item-wrapper{
        padding: 1rem!important;
    }

.filterText{
    font-size: clamp(1.125rem, 1.5vw + 0.7rem, 1.5rem);
    line-height: clamp(1.5rem, 1.8vw + 0.9rem, 2rem);
    font-weight:300;
}    
    
.btnSector {
    width: 100%;
    height: 64px;
    background-color: #fff;
    border-radius: 40px;
    display: flex; 
    cursor: pointer;
    position: relative;
    border: 1px solid #ECECEC; 
    box-shadow: 1px 4px #eee;
    padding: 0; 
    transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;
}


.btnSector:focus > .btnIcon, 
.btnSector:focus-visible > .btnIcon{
    width: 100%;
    transition: width 0.4s ease;
    border-radius: 40px;
    /*border: 2px solid black;*/
}


    .btnSector:hover > .btnIcon 
    {
    width:100%;
    transition:width 0.4s ease;
    border-radius:40px;
    }

    .btnIconBlue
    {
    background-color:#8DCCFF;    
    }

    .btnIconYellow
    {
    background-color:#FEC006; 
    }

.btnIcon {
    width: 64px;
    height: 64px;
    border-radius: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: width 0.4s ease;
}
    
.btnIconImage {
    width: 40px;
    height: 40px;
    position: absolute; 
    top: 12px;
    left: 12px;
}
    
.btnSectorText {
    position: absolute;
    top: 22px;
    left: 72px; /* 64px icon width + 8px margin */
    font-weight: 500;
}
    
    .btn-contain
    {
    margin-top:2px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    }
    
    .sectorHeading
    {
    font-size:32px;font-weight:700;margin:24px 0px;padding-left:0px !important;width:100%;
    }
    
    .ui-widget-content
    {
    border:1px solid #ececec !important;
    }
    
    #ui-id-1
    {
    width:300px;
    min-width:300px;
    }
    
    .ExpertiseInfoBox
    {
    display:none;
    position:absolute;
    z-index:5;
    background-color:#fff;
    padding:1.5625rem 1.875rem;
    box-shadow:0px 15px 15px 5px rgba(0,0,0,.05);
    border:1px solid #0f61fd;
    transition:all .3s;
    }
    
    .btn--down::after
    {
    transform: rotate(90deg);
    }
    
    @media only screen and (min-width: 0px) and (max-width: 768px)
    {
    .sectorHeading
    {
    font-size:24px;
    text-align:left;
    }
    .matcontain
    {
    margin-left:0px
    }
    .sectorheadingind
    {
    margin-top:76px;margin-bottom:32px;display:flex;flex-direction:row;/*margin-left:*/30px;margin-right:auto;width:fit-content;
    }
    
    }
    
    @media only screen and (min-width: 768px)
    {
    .sectorHeading
    {
    font-size:32px;
    text-align:center;
    }
    .matcontain
    {
    margin-left:-60px
    }
    .sectorheadingind
    {
    margin-top:96px;margin-bottom:32px;display:flex;flex-direction:row;justify-content: center;
    }
    }