.custom-select {
    position: relative;
    width: 100%;
}
.custom-select select {
    display: none;
}

.select-items {
    color: #6f7276;
    cursor: pointer;
    transition: all 300ms;
}

.select-items div {
    height: 46px;
    display: flex;
    align-items: center;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    transition: all 300ms;
    position: relative;
    background-color: #fff;
    color: #6f7276;
}

.select-selected {
    background-color: #fff;
    color: #6f7276;
    height: 46px;
    display: flex;
    align-items: center;
    padding: 0.5rem;
    padding-right: 30px;
    transition: all 300ms;
    background-origin: content-box;
    background-position: right -18px center;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97.847 4.206 7.382A.236.236 0 0 1 4 7.5a.243.243 0 0 1-.208-.118L.03.847A.229.229 0 0 1 .06.581.24.24 0 0 1 .325.516L3.913 1.88a.244.244 0 0 0 .173 0L7.675.516a.244.244 0 0 1 .267.064.23.23 0 0 1 .027.267z' fill='%236F7276'/%3E%3C/svg%3E%0A");
}

.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: 16px;
    max-height: 300px;
    overflow-y: auto;
}

.select-hide {
    display: none;
}

.same-as-selected {
    color: #fff !important;
    background-color: #254185 !important;
    pointer-events: none;
}

/* .select-arrow-active {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 8 8 8-8' stroke='%238cb3ac' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
} */