:root {
    --border-color: #bfc4cc;
    --primary-color: #334960;
    --hover-bg: #f4f6fb;
    --white: #fff;
    --text-color: #333;
    --border-radius: 100px;
    --shadow: 0 4px 12px #0001;
    --transition: all 0.2s ease;
}

.smart-select {
    position: relative;
    width: 250px;
    z-index: 1;
    font-size: 16px !important;
    line-height: 130%;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .smart-select {
        display: none;
    }
}

.smart-select__main {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 20px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    background: var(--white);
    cursor: pointer;
    transition: var(--transition);
    z-index: 100;
    position: relative;
}

.smart-select__dropdown {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    position: absolute;
    width: 100%;
    background: var(--white);
    border-radius: 50px 50px 15px 15px;
    box-shadow: var(--shadow);
    display: none;
    padding-top: 65px;
    z-index: 0;
    top: -50%;
    overflow: hidden;
}

.smart-select__option {
    padding: 12px 16px;
    cursor: pointer;
    transition: var(--transition);
}

.smart-select__option:hover {
    background: var(--hover-bg);
}

.smart-select__arrow {
    transition: transform 0.3s ease;
}

.smart-select--open .smart-select__arrow {
    transform: rotate(180deg);
}

.smart-select--open .smart-select__dropdown {
    display: block;
}

.smart-select__mobile {
    display: none;
    gap: 12px;
    margin-top: 8px;
}

.smart-select__mobile-btn {
    flex: 1;
    padding: 12px 12px;
    border: 1px solid var(--border-color);
    background: var(--white);
    border-radius: 100px;
    font-size: 16px;
    cursor: pointer;
    transition: var(--transition);
}

.smart-select__mobile-btn--active,
.smart-select__mobile-btn:active {
    /*background: var(--primary-color);*/
    color: var(--primary-color);
    border-color: var(--primary-color);
    border-width: 2px;
}

@media (max-width: 767px) {
    .smart-select {
        width: 100%;
    }

    .smart-select__main,
    .smart-select__dropdown {
        display: none !important;
    }

    .smart-select__mobile {
        display: flex;
        width: 100%;
        margin-top: 20px;
    }
}


.search-form__wrapper {
    display: flex;
    max-width: 1750px;

    width: 100%;

    margin: auto auto;

    padding: 0 15px;
}

@media (max-width: 767px) {
    .search-form {
        flex-direction: column;
    }

    .search-form__wrapper {
        min-height: 60px;
    }
}


.search-form {

}

.search-form-result {
    display: none !important;
}

.search-form-result.show {
    display: block !important;
    margin-top: 15px !important;

}

.search-form-result__list {
    width: 100%;
}

.search-form-result__item {
    position: relative;

    padding: 9px 0 9px 48px;
    font-size: 20px;
    line-height: 130%;
}

.search-form-result__item:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC42Ij4KPHBhdGggZD0iTTIwLjU2MDUgMTguNDM5NUwxNi43NTI3IDE0LjYzMTdDMTcuNTM5NSAxMy40NDYgMTggMTIuMDI2MiAxOCAxMC41QzE4IDYuMzY0NSAxNC42MzU1IDMgMTAuNSAzQzYuMzY0NSAzIDMgNi4zNjQ1IDMgMTAuNUMzIDE0LjYzNTUgNi4zNjQ1IDE4IDEwLjUgMThDMTIuMDI2MiAxOCAxMy40NDYgMTcuNTM5NSAxNC42MzE3IDE2Ljc1MjdMMTguNDM5NSAyMC41NjA1QzE5LjAyNDUgMjEuMTQ2MiAxOS45NzU1IDIxLjE0NjIgMjAuNTYwNSAyMC41NjA1QzIxLjE0NjIgMTkuOTc0NyAyMS4xNDYyIDE5LjAyNTIgMjAuNTYwNSAxOC40Mzk1Wk01LjI1IDEwLjVDNS4yNSA3LjYwNSA3LjYwNSA1LjI1IDEwLjUgNS4yNUMxMy4zOTUgNS4yNSAxNS43NSA3LjYwNSAxNS43NSAxMC41QzE1Ljc1IDEzLjM5NSAxMy4zOTUgMTUuNzUgMTAuNSAxNS43NUM3LjYwNSAxNS43NSA1LjI1IDEzLjM5NSA1LjI1IDEwLjVaIiBmaWxsPSIjMzM0OTYwIi8+CjwvZz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    content: '';
    width: 24px;
    display: block;
    height: 24px;
    margin-right: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.search-form-wrap {
    display: flex;
    flex-direction: column;
}