.b-filter {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.b-filter .__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b-filter .__link {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #55BC74;
}

.b-filter .__link:hover {
    text-decoration: none;
}

.b-filter .__title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #000;
}

.b-filter .__inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.b-checkbox {
    display: flex;
    gap: 8px;
    margin: 0;
}

.b-checkbox .__hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.b-checkbox .__box {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    outline: 1px solid #E2E7EC;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    position: relative;
}

.b-checkbox .__box:after {
    content: "";
    transition: 0.3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4099 3.89149L13.7591 4.65077L7.75961 11.6508L7.14992 12.3621L6.40038 11.8L2.39989 8.80004L1.59985 8.20009L2.79976 6.60002L3.59979 7.19997L6.85074 9.63788L12.2406 3.34925L12.8913 2.58997L14.4099 3.89149Z' fill='%23E2E7EC'/%3E%3C/svg%3E");
    opacity: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.b-checkbox:hover .__box {
    outline-color: #55BC74;
}

.b-checkbox:hover .__box:hover:after {
    opacity: 1;
}

.b-checkbox input:checked ~ .__box:after {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4099 3.89149L13.7591 4.65077L7.75961 11.6508L7.14992 12.3621L6.40038 11.8L2.39989 8.80004L1.59985 8.20009L2.79976 6.60002L3.59979 7.19997L6.85074 9.63788L12.2406 3.34925L12.8913 2.58997L14.4099 3.89149Z' fill='%2355BC74'/%3E%3C/svg%3E");
}


.b-checkbox .__label {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    margin-top: 4px;
}

.b-search-wrap {
    position: relative;
}

.b-search-wrap .__input {
    position: relative;
    z-index: 1;
    padding: 8px 40px 8px 16px;
    height: 40px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #E2E7EC;
    transition: 0.3s ease-out;
    width: 100%;
    display: flex;
    align-items: center;

    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;

}

.b-search-wrap:hover .__input {
    border: 1px solid #55BC74;
}

.b-search-wrap:focus-within .__input {
    outline: none !important;
}


.b-search-wrap .__input::placeholder {
    color: #78818C;
}

.b-search-wrap .__btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99999 6.5C4.99999 4.01472 7.0147 2 9.49999 2C11.9853 2 14 4.01472 14 6.5C14 8.98528 11.9853 11 9.49999 11C7.0147 11 4.99999 8.98528 4.99999 6.5ZM9.49999 0C5.91013 0 2.99999 2.91015 2.99999 6.5C2.99999 7.9341 3.46442 9.25973 4.25108 10.3347L0.292877 14.2929L1.70709 15.7071L5.6653 11.7489C6.74025 12.5356 8.06588 13 9.49999 13C13.0898 13 16 10.0899 16 6.5C16 2.91015 13.0898 0 9.49999 0Z' fill='%2378818C'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    outline: none !important;
    border: none !important;
    background-color: transparent;
}

.b-btn {
    height: 40px;
    border-radius: 4px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-out;
}

.b-btn.--clear {
    border: 1px solid #E2E7EC;
    background: none;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
}

.b-btn.--clear:hover {
    border: 1px solid #55BC74;
    background: #55BC74;
    color: #fff;
    text-decoration: none;
}

.b-btn.--green {
    border: none;
    background: none;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    background: #55BC74;
    color: #fff;
}

.b-btn.--clear:hover {
    background: #3E9E5B;
    color: #fff;
    text-decoration: none;
}


.b-btn.--mob{
   display: none;
}

.--py-32{
    padding-top: 32px;
    padding-bottom: 32px;
}

.--pb-48{
    padding-bottom: 48px;
}

@media (max-width: 991px) {
    .b-filter-wrap {
        display: none;
    }

    .b-btn.--mob{
        display: flex;
        margin: 16px auto;
        max-width: 560px;
    }
    .--pb-48{
        padding-bottom: 32px;
    }

    .--py-32{
        padding-top: 16px;
        padding-bottom: 16px;
    }
}