:root {
  --black: #2c2c2c;
  --title-f: 'Mont';
  --main-color: #F29C62;
  --black2: #444444;
  --scroll-color: #D3D5D1;
  --btn-bg: #F29C62;
  --btn-bg-hover: #EF833B;
}

.calc__title {
    font-family: var(--title-f);
    font-size: 40px;
    color: var(--black);
}
.calc-stap__title {
    font-family: var(--title-f);
    color: var(--black);
    font-weight: 400;
}
.calc-list-item__counter {
    font-family: var(--title-f);
    font-size: 18px;
    color: var(--black2);
    padding-top: 4px;
	border: 1px solid #D3D5D1;
    font-weight: 200;
}
.calc-list-item__count span {
    font-family: var(--title-f);
    font-size: 16px;
    color: var(--black2);
}
.calc-list-item__name {
    font-family: var(--title-f);
    color: var(--black2);
}
.calc-list-item__tag {
    background: #EEE4D5;
    font-family: var(--title-f);
    color: var(--black2);
}
.tag-coment__text {
    font-family: var(--title-f);
    font-size: 14px;
}
.calc-stap__descr {
    font-family: var(--title-f);
    font-size: 14px;
    line-height: 18px;
    color: var(--black2);
}
.calc-stap__item-name {
}
.result-item__title {
    font-family: var(--title-f);
}
.result-item__price {
    font-family: var(--title-f);
}
.calc .btn {
    background: var(--btn-bg) !important;
    font-family: var(--title-f);
}
.calc .btn:hover {
	background: var(--btn-bg-hover) !important;
}
.calc-input, .calc-stap__select-name {
    font-family: var(--title-f);
    font-size: 18px;
}
.select-modal__item:hover .calc-stap__select-name {
    color: var(--btn-bg);
}
.attantion {
    font-family: var(--title-f);
    font-weight: 300;
}
.select-modal__search:focus {
    outline: 1px solid #C8A577;
    margin-top: 6px;
    margin-right: 10px;
    margin-bottom: 6px;
    height: calc(100% - 15px);
    padding: 0 5px;
}










































.calc-stap__list::-webkit-scrollbar-thumb {
    background: var(--scroll-color);
}
.calc-stap__list::-webkit-scrollbar-thumb:hover {
    background-color: var(--scroll-color);
}
.calc-stap__list {
    scrollbar-color: var(--scroll-color); transparent;     /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: 14px;  /* толщина */
}
.select-modal__content::-webkit-scrollbar-thumb {
    background: var(--scroll-color);
}

.select-modal__content::-webkit-scrollbar-thumb:hover {
    background-color: var(--scroll-color);
}
.select-modal__content {
    scrollbar-color: var(--scroll-color); transparent;
}