.filter-wrapper {
    margin-top: 40px;
    margin-bottom: 20px;
}

    .filter-wrapper .sub-heading {
        color: #00011f;
        font-family: alight,Verdana,Helvetica,Arial,sans-serif;
        font-size: 19px;
        letter-spacing: .2px;
        line-height: 40px;
        display: inline-block;
        margin-right: 15px;
        font-weight: 400;
        vertical-align: top;
    }

    .filter-wrapper  .inner-wrapper 
    {
        width: calc(100% - 150px);
        display: inline-block;
        vertical-align: top;
    }

    .filter-wrapper .filter {
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
        margin-bottom: 15px;
    }
        .filter-wrapper .filter .select-wrapper {
            position: relative;
        }

            .filter-wrapper .filter .select-wrapper:after {
                content: "";
                background-image: url(/images/chevron-blue.svg);
                background-size: contain;
                height: 14px;
                width: 8px;
                display: inline-block;
                background-repeat: no-repeat;
                display: block;
                position: absolute;
                top: 12px;
                right: 15px;
                z-index: 5;
                transition: all .3s ease-in-out;
                transform: rotate(90deg);
            }


            .filter-wrapper .filter .select-wrapper .filter-select {
                border: none;
                background: #fff;
                position: relative;
                width: auto;
                padding: 0 35px 0 12px;
                color: var(--blue);
                line-height: 32px;
                height: 32px;
                border-radius: 15px;
                font-family: aregular,Verdana,Helvetica,Arial,sans-serif;
                font-size: 16px;
                -webkit-appearance: none;
                -moz-appearance: none;
                text-indent: 1px;
                text-overflow: "";
                outline: 0;
                filter: none;
                text-transform: none;
                margin: 0;
                min-width: 100px;
            }


            .filter-wrapper .filter .select-wrapper:has(select:focus):after { 
                transform: rotate(270deg);
            }