@charset "UTF-8";

@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url("../fonts/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/Gilroy-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "sf pro display";
    font-display: swap;
    src: url("../fonts/sf-pro-display.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #333333;
    font-family: "Gilroy", sans-serif;
    background-color: #F9F9F9;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.lock {
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none;
    height: 100vh;
}

a {
    display: inline-block;
}

a,
a:hover {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
p,
a,
span,
button,
input {
    padding: 0;
    margin: 0;
    letter-spacing: 0.001em;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
}

* {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

input,
button,
button:focus,
input:focus {
    outline: none;
}

button {
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
}

input {
    font-family: inherit;
    font-size: inherit;
    border: none;
}

input[type=submit] {
    padding: 0;
    cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    box-shadow: 0 0 0px 1000px #ffffff inset;
}

main {
    padding-bottom: 10rem;
}

.container {
    width: 100%;
    max-width: 23.4375rem;
    padding-inline: 1rem;
    margin: 0 auto;
}

.pos-rel {
    position: relative;
}

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-column > * {
    width: 100%;
}

.d-flex,
.flex-center,
.flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.d-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.base-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    padding: 1.25rem 1.25rem 1.1875rem;
    border-top: 1px solid #CDCDCD;
    color: #333333;
}

.base-list a.active {
    color: #007AFF;
}

.box-shadow {
    border-radius: 1rem 1rem 0 0;
    background-color: white;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
}

.mt-20 {
    margin-top: 20px !important;
}

.h1 {
    font-size: 1.5rem;
    font-weight: 600;
}

.title-20 {
    font-size: 1.25rem;
    font-weight: 500;
}

.txt-14 {
    font-size: 14px;
}

.icon-link,
.link-right,
.link-left,
.btn-sort,
.link-bottom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #007AFF;
    cursor: pointer;
}

.link-left {
    position: relative;
}

.link-left:before {
    content: "";
    width: 1.1875rem;
    height: 1.1875rem;
    background-size: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none'%3e%3cpath d='M5.875 0.958496L1.125 6.50016L5.875 12.0418' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.link-left:hover {
    color: #333333;
}

.link-left:hover:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none'%3e%3cpath d='M5.875 0.958496L1.125 6.50016L5.875 12.0418' stroke='%23333333' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.link-right.link-right--big:after,
.link-left.link-left--big:before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem;
}

.link-right,
.link-bottom {
    position: relative;
}

.link-right:after,
.link-bottom:after {
    content: "";
    width: 1.1875rem;
    height: 1.1875rem;
    background-size: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3cpath d='M7.125 3.95834L11.875 9.50001L7.125 15.0417' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.link-right:hover,
.link-bottom:hover {
    color: #333333;
}

.link-right:hover:after,
.link-bottom:hover:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3cpath d='M7.125 3.95834L11.875 9.50001L7.125 15.0417' stroke='%23333333' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.link-bottom:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.btn-sort {
    color: #333333;
}

.icon-sort {
    width: 1.1875rem;
    height: 1.1875rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3e%3cpath d='M2.83398 12.0415H7.79232' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round'/%3e%3cpath d='M2.83398 8.5L7.79232 8.5' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round'/%3e%3cpath d='M2.83398 4.9585L7.79232 4.9585' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round'/%3e%3cpath d='M12.041 2.83317L12.041 14.1665M12.041 2.83317L9.91602 5.6665M12.041 2.83317L14.166 5.6665M12.041 14.1665L14.166 11.3332M12.041 14.1665L9.91602 11.3332' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.txt-accent {
    color: #007AFF;
}

.txt-red {
    color: #FF5811 !important;
}

.log-out-link {
    color: #FF5811 !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.log-out-link:hover {
    opacity: 0.7;
}

svg.svg-monitoring,
svg.svg-task,
svg.svg-rating,
svg.svg-profile {
    width: 2rem;
    height: 2rem;
    color: #1C274C;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

[class*=svg-] {
    display: inline-block;
}

.svg-chevron {
    width: 1.5rem;
    height: 1.5rem;
    color: #007AFF;
}

.svg-exit {
    color: #FF5811;
}

/******************************/
.svg-search,
.svg-sort,
.svg-exit {
    width: 1.1875rem;
    height: 1.1875rem;
    fill: transparent;
    color: #007AFF;
}

.svg-notify {
    width: 1.8125rem;
    height: 1.8125rem;
    fill: transparent;
    color: #007AFF;
}

.svg-exit {
    color: #FF5811;
}

.svg-search {
    color: #272727;
}

.svg-check {
    width: 1.25rem;
    height: 1.25rem;
}

[class*=-icon] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.cross-icon {
    height: 1.1875rem;
    width: 1.1875rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M18 6L6 18' stroke='%23FF2E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23FF2E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    cursor: pointer;
}

.round-check {
    width: 1.5rem;
    height: 1.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3ccircle cx='12' cy='12' r='10' stroke='%23007AFF' stroke-width='1.5'/%3e%3cpath d='M8.5 12.5L10.5 14.5L15.5 9.5' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.clock-icon {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3ccircle cx='12' cy='13' r='9' stroke='%23333333' stroke-width='1.5'/%3e%3cpath d='M12 9V13L14.5 15.5' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.5 4.5L7.50002 2' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M20.5 4.5L16.5 2' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.check-icon {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3ccircle cx='12' cy='12' r='10' stroke='%23007AFF' stroke-width='1.5'/%3e%3cpath d='M8.5 12.5L10.5 14.5L15.5 9.5' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.db-check {
    width: 1.0625rem;
    height: 1.0625rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3e%3cpath d='M2.83398 8.1375L5.06017 10.6875L10.6257 4.3125' stroke='%23007AFF' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14.166 4.35693L8.09441 10.7319L7.79102 10.3335' stroke='%23007AFF' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.send-icon {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 2.3125rem;
    height: 2.3125rem;
    background-size: 1.125rem;
    background-color: #007AFF;
    border-radius: 50%;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3e%3cpath d='M1 7H17M17 7L11 1M17 7L11 13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.send-icon:hover {
    background-color: #3395ff;
}

.svg-settings {
    color: #007AFF;
    width: 1.5rem;
    height: 1.5rem;
    fill: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.svg-settings:hover {
    color: #1C274C;
}

svg.svg-pin {
    width: 1.375rem;
    height: 1.5rem;
    fill: transparent;
}

.svg-sms,
.svg-mail {
    fill: transparent;
    width: 1.5rem;
    height: 1.5625rem;
}

.btn,
.btn-outline,
.btn-grey {
    font-size: 1rem;
    font-weight: 600;
    padding: 0 0.625rem;
    height: 3rem;
    line-height: 2.75rem;
    border: 0.125rem solid #007AFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    border-radius: 3rem;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
    color: white;
    background-color: #007AFF;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn svg,
.btn-outline svg,
.btn-grey svg {
    color: inherit;
}

.btn:hover,
.btn-outline:hover,
.btn-grey:hover {
    background-color: #3395ff;
}

.btn-outline {
    background-color: transparent;
    color: #007AFF;
}

.btn-outline:hover {
    background-color: #e0e0e0;
}

.btn-grey {
    border-color: #EFEFEF;
    background-color: #EFEFEF;
    color: rgba(54, 54, 54, 0.5);
}

.btn-cancel {
    color: #FF5811;
}

.btn-round,
.btn-round-white {
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #007AFF;
    background-size: 1.5rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-round:hover,
.btn-round-white:hover {
    background-color: #3395ff;
}

.btn-round-white {
    background-color: white;
}

.btn-round-white:hover {
    cursor: default;
    background-color: white;
}

.btn-back {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M15 5L9 12L15 19' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.search-btn {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3cpath d='M8.70833 15.0417C12.2061 15.0417 15.0417 12.2061 15.0417 8.70833C15.0417 5.21053 12.2061 2.375 8.70833 2.375C5.21053 2.375 2.375 5.21053 2.375 8.70833C2.375 12.2061 5.21053 15.0417 8.70833 15.0417Z' stroke='%23272727' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16.6254 16.6249L13.1816 13.1812' stroke='%23272727' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-size: 1.1875rem;
}

.modal-frame-wrapper.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-frame-wrapper.flex-center .modal-frame {
    padding: 1.75rem;
}

.modal-frame-wrapper.fix-width .modal-frame {
    max-width: 24rem;
}

.settings-auto__list .form-item {
    margin-bottom: 0;
}


.head {
    margin-bottom: 2rem;
    text-align: center;
}

.form-item + .form-item {
    margin-top: 1.5rem;
}

.sub-text {
    max-width: 13rem;
    text-align: center;
    margin: 0 auto;
}

.form-btn {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-btn .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 3rem;
    line-height: 2.75rem;
}

.modal-form__logo {
    width: 115px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

.form-item {
    position: relative;
}

.form-item .abs-label {
    position: absolute;
    font-size: 0.875rem;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.3;
    background-color: #F9F9F9;
    left: 1.25rem;
    top: -10px;
    z-index: 2;
}

.form-item .round-input {
    height: 2.875rem;
    padding: 0 1rem;
    background-color: #F9F9F9;
    border-radius: 6.25rem;
    border: 1.5px solid var(--Black, #333);
    width: 100%;
    display: block;
}

.form-item .round-input::-webkit-input-placeholder {
    color: #333333;
    font-family: inherit;
}

.form-item .round-input::-moz-placeholder {
    color: #333333;
    font-family: inherit;
}

.form-item .round-input:-ms-input-placeholder {
    color: #333333;
    font-family: inherit;
}

.form-item .round-input::-ms-input-placeholder {
    color: #333333;
    font-family: inherit;
}

.form-item .round-input::placeholder {
    color: #333333;
    font-family: inherit;
}

.form-item + .form-item {
    margin-top: 1rem;
}

/*********************************/
input.code-input {
    width: 3rem;
    font-weight: 400;
    height: 3.25rem;
    text-align: center;
    font-family: BMCD;
    font-size: 1.5rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #333;
    margin-top: 1.5rem;
}

.code-input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.confirm-phone-form .head {
    margin-bottom: 1.0625rem;
}

.confirm-phone-form .form-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.5rem;
}

/*КАСТОМНЫЙ ВЫБОР ФАЙЛА*/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.inputfile + label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.add-icon {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M7.9175 17.8068L15.8084 10.2535C16.7558 9.34668 16.7558 7.87637 15.8084 6.96951C14.861 6.06265 13.325 6.06265 12.3776 6.96951L4.54387 14.4681C2.74382 16.1911 2.74382 18.9847 4.54387 20.7077C6.34391 22.4308 9.26237 22.4308 11.0624 20.7077L19.0105 13.0997C21.6632 10.5605 21.6632 6.44362 19.0105 3.90441C16.3578 1.3652 12.0569 1.3652 9.40419 3.90441L3 10.0346' stroke='%23333333' stroke-opacity='0.4' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e ");
    cursor: pointer;
}

.add-icon:hover {
    opacity: 0.5;
}

.switch-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    height: 1.25rem;
    white-space: nowrap;
    cursor: pointer;
}

.switch-item input {
    width: 0.01px;
    height: 0.01px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-item .switch-item__toggle {
    position: relative;
    height: 1.6875rem;
}

.switch-item span {
    display: inline-block;
}

.switch-item p {
    font-size: 0.875rem;
}

.switch-item__toggle span:first-child {
    width: 3.1875rem;
    height: 1.6875rem;
    background-color: #DEDEDE;
    border-radius: 2rem;
}

.switch-item__toggle span + span {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.switch-item input:checked + .switch-item__toggle > span + span {
    left: 1.625rem;
    z-index: 2;
    background-color: white;
}

.switch-item input:checked + .switch-item__toggle > span {
    background-color: #007AFF;
}

/************************/
.form-radio,
.form-chbx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    cursor: pointer;
}

.form-radio input[type=radio],
.form-chbx input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin: 0;
}

.btn-notify {
    position: relative;
    width: 1.8125rem;
    height: 1.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-notify.active svg {
    fill: #007AFF;
}

.label-num {
    position: absolute;
    font-size: 0.6875rem;
    letter-spacing: 0.00075rem;
    color: #ffffff;
    top: 0;
    right: 0;
    font-weight: 600;
    border-radius: 50%;
    z-index: 2;
    color: #fff;
    min-width: 0.875rem;
    height: 0.875rem;
    background-color: #FF5811;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    aspect-ratio: 1;
    padding: 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.btn-notify .label-num {
    top: -4px;
    right: -6px;
}

.nav-menu-panel {
    height: 5.625rem;
    padding-top: 0.75rem;
    padding-bottom: 2rem;
    background-color: white;
    border-radius: 1rem 1rem 0 0;
    border-top: 1px solid #E3E3E3;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
}

.nav-menu-panel:after {
    content: "";
    display: block;
    height: 0.3125rem;
    width: 8.0625rem;
    background-color: #272727;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.nav-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22.5rem;
    margin: 0 auto;
}

.nav-menu a {
    font-size: 12px;
    color: #272727;
    text-align: center;
    min-width: 5.625rem;
}

.nav-menu a span {
    display: block;
    margin-top: 2px;
}

.nav-menu a.current-order-attention {
    position: relative;
}

.nav-menu a.current-order-attention .svg-task {
    color: #007AFF;
    animation: softPulseIcon 2s ease-in-out infinite;
}

.nav-menu a.current-order-attention span {
    color: #007AFF;
}

.nav-menu a.current-order-attention::after {
    content: "";
    position: absolute;
    top: -2px;
    right: calc(50% - 2.1rem);
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: rgba(0, 122, 255, 0.75);
    animation: softPulseDot 2s ease-in-out infinite;
}

.nav-menu a.active svg,
.nav-menu a:hover svg {
    color: #007AFF;
}

/*=========TABS=========*/
.tabs {
    position: relative;
}

.tabs-menu {
    width: calc(50vw + 50% - 1rem);
    z-index: 3;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
}

.tabs-menu::-webkit-scrollbar {
    display: none;
}

.tabs-menu nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    width: calc(100% + 2rem);
}

.tabs-menu__item {
    position: relative;
    text-align: center;
    min-width: 8.875rem;
    font-weight: 500;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: rgba(51, 51, 51, 0.4);
    border-bottom: 1.5px solid rgba(51, 51, 51, 0.4);
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.tabs-menu__item.active {
    color: #333333;
    border-bottom: 1.5px solid #007AFF;
}

.tabs-menu__item.tab-attention-pulse {
    color: #007AFF;
    animation: softPulseText 1.5s ease-in-out infinite;
}

.tabs-menu__item.tab-attention-pulse .label-num {
    animation: softPulseDot 1.5s ease-in-out infinite;
}

@keyframes softPulseIcon {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(0, 122, 255, 0));
    }
    50% {
        transform: scale(1.07);
        filter: drop-shadow(0 0 6px rgba(0, 122, 255, 0.35));
    }
}

@keyframes softPulseDot {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 122, 255, 0.4);
    }
    60% {
        transform: scale(1.08);
        box-shadow: 0 0 0 8px rgba(0, 122, 255, 0);
    }
}

@keyframes softPulseText {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

@media (max-width: 61.9375rem) {
    .tabs-menu__item {
        min-width: unset;
        width: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 61.9375rem) {
    .tabs-menu__item {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

*[tab-body] {
    display: none;
}

*[tab-body].active {
    display: block;
}

/*=======MODAL POP UP====*/
*[frame-modal] {
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

*.visible[frame-modal] {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 20;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.modal-frame-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(51, 51, 51, 0.7);
    overflow: hidden;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 3.125rem;
    padding-bottom: 1.25rem;
}

.modal-frame {
    position: relative;
    border-radius: 0.5rem;
    background: #ffffff;
    width: 100%;
    max-width: 23.4375rem;
    padding: 2.5rem 1rem;
    border-radius: 0.5rem;
}

.modal-frame .icon-close {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 3;
}

.modal-frame .icon-close:hover {
    opacity: 0.5;
}

.icon-close {
    height: 1.5rem;
    width: 1.5rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M18 6L6 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    cursor: pointer;
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*.modal-frame.modal-frame--small {*/
/*    width: auto;*/
/*    width: 100%;*/
/*    height: auto;*/
/*    padding: 2.5rem 1rem;*/
/*}*/
.modal-frame.modal-frame--small {
  width: auto;
  min-width: 23.125rem;
  height: auto;
}

.modal-header__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6875rem;
}

.modal-header__flex > * {
    margin-bottom: 0 !important;
}

.modal-header__flex .icon-close {
    position: relative;
    right: auto !important;
    top: auto !important;
    background-size: 1.75rem;
}

.sort-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.sort-block__out {
    position: relative;
    padding-left: 0.75rem;
    padding-right: 1rem;
}

.sort-block__out:not(:empty):before {
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: #CDCDCD;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal-frame-wrapper.sort-modal {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1.875rem;
}

.modal-frame-wrapper.sort-modal .modal-frame {
    padding: 0;
    text-align: center;
    max-width: 20.9375rem;
    width: 100%;
    overflow: hidden;
}

.modal-frame-wrapper.sort-modal .title-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.1875rem;
}

.modal-frame-wrapper.sort-modal .sort-list-cat {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-frame-wrapper.sort-modal .sort-list-cat:hover {
    background-color: #f5f5f5;
}

.modal-frame-wrapper.sort-modal .sort-modal-close {
    padding-top: 1.25rem;
    padding-bottom: 1.1875rem;
    border-top: 1px solid #CDCDCD;
    width: 100%;
}

/*===========TASK CARD============*/
.task-card {
    border-radius: 0.75rem;
    background: white;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
    padding: 0.75rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.75rem;
}

.task-card > * {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.tc__price {
    font-size: 1.125rem;
}

.tc__header {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.018px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tc__body span {
    color: #007AFF;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}

.tc__body > * + * {
    margin-top: 1.125rem;
}

.tc__body > * > * + * {
    margin-top: 0.5rem;
}

.tc__text {
    line-height: 1.3;
}

.tc__date .tc__cell,
.time-start,
.time-finish,
.tc__contractor,
.tc__requir,
.tc__location {
    position: relative;
    padding-left: 1.625rem;
}

.tc__date .tc__cell:before,
.time-start:before,
.time-finish:before,
.tc__contractor:before,
.tc__requir:before,
.tc__location:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 1.1875rem;
    height: 1.1875rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3ccircle cx='9.5' cy='10.2915' r='7.125' stroke='%23007AFF' stroke-width='1.2'/%3e%3cpath d='M7.91699 1.5835H11.0837' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round'/%3e%3cpath d='M10.994 8.65672C11.845 9.35091 12.2705 9.69801 12.2705 10.2917C12.2705 10.8853 11.845 11.2324 10.994 11.9266C10.7591 12.1182 10.5261 12.2987 10.312 12.449C10.1242 12.5809 9.91145 12.7174 9.69121 12.8513C8.84222 13.3676 8.41773 13.6257 8.037 13.3399C7.65628 13.0541 7.62168 12.4558 7.55248 11.2592C7.53291 10.9208 7.52051 10.5891 7.52051 10.2917C7.52051 9.99427 7.53291 9.66253 7.55248 9.32413C7.62168 8.12753 7.65628 7.52923 8.037 7.24343C8.41773 6.95763 8.84222 7.21577 9.69121 7.73204C9.91145 7.86597 10.1242 8.00241 10.312 8.13431C10.5261 8.28466 10.7591 8.46508 10.994 8.65672Z' stroke='%23007AFF' stroke-width='1.2'/%3e%3c/svg%3e");
}

.tc__date .tc__cell:before {
    width: 1.0625rem;
    height: 1.0625rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3e%3cpath d='M1.41699 8.50016C1.41699 5.82887 1.41699 4.49322 2.24686 3.66336C3.07672 2.8335 4.41237 2.8335 7.08366 2.8335H9.91699C12.5883 2.8335 13.9239 2.8335 14.7538 3.66336C15.5837 4.49322 15.5837 5.82887 15.5837 8.50016V9.91683C15.5837 12.5881 15.5837 13.9238 14.7538 14.7536C13.9239 15.5835 12.5883 15.5835 9.91699 15.5835H7.08366C4.41237 15.5835 3.07672 15.5835 2.24686 14.7536C1.41699 13.9238 1.41699 12.5881 1.41699 9.91683V8.50016Z' stroke='%23007AFF' stroke-width='1.5'/%3e%3cpath d='M4.95801 2.8335V1.771' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M12.042 2.8335V1.771' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M1.77051 6.375H15.2288' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}

.time-finish:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3ccircle cx='9.5' cy='10.2915' r='7.125' stroke='%23007AFF' stroke-width='1.2'/%3e%3cpath d='M6.33301 8.3125C6.33301 7.94363 6.33301 7.75919 6.39327 7.61371C6.47362 7.41973 6.62774 7.26561 6.82172 7.18526C6.9672 7.125 7.15164 7.125 7.52051 7.125C7.88938 7.125 8.07381 7.125 8.2193 7.18526C8.41328 7.26561 8.5674 7.41973 8.64775 7.61371C8.70801 7.75919 8.70801 7.94363 8.70801 8.3125V12.2708C8.70801 12.6397 8.70801 12.8241 8.64775 12.9696C8.5674 13.1636 8.41328 13.3177 8.2193 13.3981C8.07381 13.4583 7.88938 13.4583 7.52051 13.4583C7.15164 13.4583 6.9672 13.4583 6.82172 13.3981C6.62774 13.3177 6.47362 13.1636 6.39327 12.9696C6.33301 12.8241 6.33301 12.6397 6.33301 12.2708V8.3125Z' stroke='%23007AFF' stroke-width='1.2'/%3e%3cpath d='M10.292 8.3125C10.292 7.94363 10.292 7.75919 10.3523 7.61371C10.4326 7.41973 10.5867 7.26561 10.7807 7.18526C10.9262 7.125 11.1106 7.125 11.4795 7.125C11.8484 7.125 12.0328 7.125 12.1783 7.18526C12.3723 7.26561 12.5264 7.41973 12.6067 7.61371C12.667 7.75919 12.667 7.94363 12.667 8.3125V12.2708C12.667 12.6397 12.667 12.8241 12.6067 12.9696C12.5264 13.1636 12.3723 13.3177 12.1783 13.3981C12.0328 13.4583 11.8484 13.4583 11.4795 13.4583C11.1106 13.4583 10.9262 13.4583 10.7807 13.3981C10.5867 13.3177 10.4326 13.1636 10.3523 12.9696C10.292 12.8241 10.292 12.6397 10.292 12.2708V8.3125Z' stroke='%23007AFF' stroke-width='1.2'/%3e%3cpath d='M7.91699 1.5835H11.0837' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round'/%3e%3c/svg%3e");
}

.tc__contractor:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3ccircle cx='9.49967' cy='4.75016' r='3.16667' stroke='%23007AFF' stroke-width='1.5'/%3e%3cpath d='M14.25 7.12484C15.5617 7.12484 16.625 6.23873 16.625 5.14567C16.625 4.05261 15.5617 3.1665 14.25 3.1665' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M4.75 7.12484C3.43832 7.12484 2.375 6.23873 2.375 5.14567C2.375 4.05261 3.43832 3.1665 4.75 3.1665' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round'/%3e%3cellipse cx='9.5' cy='13.4582' rx='4.75' ry='3.16667' stroke='%23007AFF' stroke-width='1.5'/%3e%3cpath d='M15.833 15.0418C17.2218 14.7373 18.208 13.966 18.208 13.0627C18.208 12.1593 17.2218 11.388 15.833 11.0835' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M3.16699 15.0418C1.77821 14.7373 0.791992 13.966 0.791992 13.0627C0.791992 12.1593 1.77821 11.388 3.16699 11.0835' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}

.tc__requir:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3cpath d='M7.54892 5.46986C7.54892 4.63516 8.30175 3.9585 9.23042 3.9585C10.1591 3.9585 10.9119 4.63516 10.9119 5.46986C10.9119 5.86271 10.77 6.22055 10.5229 6.48931C10.0497 7.00409 9.34252 7.52255 9.34252 8.19031V8.4155M9.34252 8.4155C9.92164 8.40877 10.5031 8.56962 10.9916 8.89894L16.8757 12.8655C17.9099 13.5626 17.3613 15.0418 16.0685 15.0418H2.93085C1.65205 15.0418 1.09473 13.589 2.10179 12.8806L7.71922 8.92915C8.19613 8.59368 8.76819 8.42218 9.34252 8.4155Z' stroke='%23007AFF' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}

.tc__location:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3cpath d='M3.16699 8.03027C3.16699 4.46982 6.00252 1.5835 9.50033 1.5835C12.9981 1.5835 15.8337 4.46982 15.8337 8.03027C15.8337 11.5628 13.8123 15.685 10.6585 17.1591C9.92328 17.5027 9.07737 17.5027 8.34217 17.1591C5.18837 15.685 3.16699 11.5628 3.16699 8.03027Z' stroke='%23007AFF' stroke-width='1.5'/%3e%3ccircle cx='9.5' cy='7.9165' r='2.375' stroke='%23007AFF' stroke-width='1.5'/%3e%3c/svg%3e");
}

.tc__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    text-align: center;
}

.tc__notice {
    text-align: center;
    font-weight: 600;
}

.tc__notice span {
    color: #007AFF;
}

.task-card + .task-card {
    margin-top: 1rem;
}

.completed-task .tc__body {
    row-gap: 0.75rem;
}

.completed-task .tc__body > * + * {
    margin-top: 0.75rem;
}

.completed-task__address {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.completed-task__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 6.5rem;
    text-decoration: none;
}

.tc__location + .link-right {
    margin-top: 8px;
}

.tc__picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.tc__picture img{
    width: 120px;
    aspect-ratio:1;
    object-fit: contain;
}

.simple-card {
    width: 100%;
    border-radius: 1rem;
    padding: 1rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
}

.simple-card > * + * {
    margin-top: 0.625rem;
}

/*.btn-notify {*/
/*  position: relative;*/
/*  width: 1.8125rem;*/
/*  height: 1.8125rem;*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-pack: center;*/
/*      -ms-flex-pack: center;*/
/*          justify-content: center;*/
/*  -webkit-box-align: center;*/
/*      -ms-flex-align: center;*/
/*          align-items: center;*/
/*}*/
/*.btn-notify.active svg {*/
/*  fill: #007AFF;*/
/*}*/

/*.label-num {*/
/*  position: absolute;*/
/*  font-size: 0.6875rem;*/
/*  letter-spacing: 0.00075rem;*/
/*  color: #ffffff;*/
/*  top: 0;*/
/*  right: 0;*/
/*  font-weight: 600;*/
/*  border-radius: 50%;*/
/*  z-index: 2;*/
/*  color: #fff;*/
/*  min-width: 0.875rem;*/
/*  height: 0.875rem;*/
/*  background-color: #FF5811;*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-pack: center;*/
/*      -ms-flex-pack: center;*/
/*          justify-content: center;*/
/*  -webkit-box-align: center;*/
/*      -ms-flex-align: center;*/
/*          align-items: center;*/

/*  width: -webkit-fit-content;*/
/*  width: -moz-fit-content;*/
/*  width: fit-content;*/
/*  aspect-ratio: 1;*/
/*  padding: 3px;*/
/*  -webkit-box-sizing: content-box;*/
/*          box-sizing: content-box;*/
/*}*/

/*.btn-notify .label-num {*/
/*  top: -4px;*/
/*  right: -6px;*/
/*}*/


/******monitoring*********/
.header {
    background-color: #F9F9F9;
    min-height: 3rem;
    padding-block: 0.75rem;
}

.header .h1 {
    text-align: center;
}

.header-sticky,
.header-shadow {
    position: sticky;
    top: 0;
    z-index: 5;
}

.header-shadow {
    border-radius: 0 0 1rem 1rem;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
    background-color: #fff;
}

.header-shadow .header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.header-content {
    position: relative;
}

.header-content__abs {
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 10;
}

.header-content.flex-between .header-content__abs {
    position: relative;
    right: auto;
    top: auto;
}

.header-content .svg-settings {
    width: 1.8125rem;
    height: 1.8125rem;
}

.modal-frame-wrapper.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-frame-wrapper.flex-center .modal-frame {
    padding: 1.75rem;
    min-height: 240px;
}

.modal-form .link {
    color: #007AFF;
    font-weight: 500;
}

.modal-form .head {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
}

.modal-form .sub-text {
    max-width: 13rem;
    text-align: center;
    margin: 0 auto;
}

.modal-form .form-btn {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-form .form-btn .btn {
    width: 100%;
    height: 3rem;
    line-height: 2.75rem;
}

.modal-form__logo {
    width: 115px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

.form-item .abs-label {
    position: absolute;
    font-size: 0.875rem;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.3;
    background-color: #fff;
    left: 1.25rem;
    top: -10px;
    z-index: 2;
}

.form-item .round-input {
    height: 2.875rem;
    padding: 0 1rem;
    background-color: #fff;
    border-radius: 6.25rem;
    border: 1.5px solid var(--Black, #333);
}

.form-item .round-input::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.4);
}

.form-item .round-input::-moz-placeholder {
    color: rgba(51, 51, 51, 0.4);
}

.form-item .round-input:-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.4);
}

.form-item .round-input::-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.4);
}

.form-item .round-input::placeholder {
    color: rgba(51, 51, 51, 0.4);
}

/*********************************/
input.code-input {
    width: 3rem;
    font-weight: 400;
    height: 3.25rem;
    text-align: center;
    font-family: BMCD;
    font-size: 1.5rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #333;
    margin-top: 1.5rem;
}

.code-input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.confirm-phone-form .head {
    margin-bottom: 1.0625rem;
}

.confirm-phone-form .form-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.5rem;
}

.monitoring-main {
    padding-top: 0.5rem;
    background-color: #F9F9F9;
}

.monitoring-main .tabs-menu {
    position: sticky;
    top: 3rem;
    background-color: #F9F9F9;
    z-index: 4;
}

.monitoring-tabs > * + * {
    margin-top: 1.25rem;
}

.open-orders-empty-state {
    margin-top: 0.75rem;
    min-height: calc(100vh - 14.5rem);
    min-height: calc(100dvh - 14.5rem);
    padding: 0.5rem 0.5rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    row-gap: 1rem;
}

.open-orders-empty-state img {
    width: clamp(12rem, 72vw, 18rem);
    height: auto;
    border-radius: 0.875rem;
}

.open-orders-empty-state__text {
    max-width: 19rem;
    line-height: 1.35;
    color: #3f3f3f;
}

@media (max-width: 360px) {
    .open-orders-empty-state {
        min-height: calc(100vh - 13.5rem);
        min-height: calc(100dvh - 13.5rem);
        padding-bottom: 1rem;
    }

    .open-orders-empty-state img {
        width: clamp(10.5rem, 70vw, 14.5rem);
    }
}

.single-task-page .task-card {
    background-color: #F9F9F9;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.single-task-page .link-righ {
    margin-top: 0.625rem !important;
}

.single-task-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-task-location {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100vh - 5rem);
    z-index: 5;
    overflow: hidden;
}

.custom-container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 23.4375rem;
}

.custom-container .fix-header {
    padding-inline: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 3rem;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.custom-container .fix-header * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.custom-container .fix-header p {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.single-task-map {
    background-size: cover;
    height: calc(100vh - 5.625rem);
}

.single-task-details {
    position: absolute;
    padding: 1.5rem 1rem calc(100vh - 96dvh);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    bottom: 0;
    z-index: 2;
    -webkit-transform: translateY(calc(100% - (100vh - 100dvh + 15.25rem)));
    -ms-transform: translateY(calc(100% - (100vh - 100dvh + 15.25rem)));
    transform: translateY(calc(100% - (100vh - 100dvh + 15.25rem)));
}

.single-task-details > * + * {
    margin-top: 1rem;
}

.tasks-step-one__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.1875rem;
}
@media (max-width: 35.875rem) {
  .tasks-step-one__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tasks-step-one__buttons .btn, .tasks-step-one__buttons .btn-outline {
    width: 17.5rem;
  }
}

.visible-details > * + * {
    margin-top: 1rem;
}

.hide-details__open {
    position: absolute;
    height: 1.5rem;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.hide-details__open:before {
    content: "";
    position: absolute;
    height: 0.3125rem;
    width: 3.75rem;
    border-radius: 0.625rem;
    top: 0.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #E3E3E3;
}

.hide-details__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(51, 51, 51, 0.4);
    position: relative;
}

.hide-details__close p {
    padding-inline: 0.25rem;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.hide-details__close svg {
    color: inherit;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: #fff;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 2;
    margin-top: 0;
}

.toggle-class.open .single-task-details {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.task-description.modal-frame-wrapper .modal-frame {
    width: 22.5rem;
}

.task-description.modal-frame-wrapper .modal-frame .icon-close {
    top: 0.5rem;
    right: 0.5rem;
}

.current-task-page__content > * + * {
    margin-top: 20px;
}

.current-task-card {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}

.current-task-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem;
}

.current-task-item {
    padding: 0.75rem;
    border-radius: 1rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 4px 2px rgba(151, 151, 151, 0.1);
}

.current-task-item > * + * {
    margin-top: 0.75rem;
}

.current-task-item .simple-card {
    margin-top: 0;
}

.current-task-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.75rem;
}

.current-task-actions .btn,
.current-task-actions .btn-outline,
.current-task-actions .btn-cancel {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.current-task-page__empty {
    margin-top: 1.5rem;
}

.current-task-card > * + * {
    margin-top: 1.25rem;
}

.current-task-order-address {
    padding: 0.75rem 0.875rem;
    border: 1px solid #EFEFEF;
    border-radius: 0.875rem;
    background-color: #FAFAFA;
}

.current-task-order-address .txt-14 {
    color: rgba(39, 39, 39, 0.55);
}

.current-task-order-address__value {
    margin-top: 0.25rem;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: #272727;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.current-task-card .hide-details__close {
    height: 1.5rem;
}

.current-task-card .hide-details__close svg {
    background-color: #F9F9F9;
}

.current-task-card .hide-details__close p {
    background-color: #F9F9F9;
}

.current-task-card.toggle-class .hide-details {
    display: none;
}

.current-task-card.toggle-class .hide-details__close svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.current-task-card.toggle-class.open .hide-details {
    display: block;
    max-height: unset;
}

.current-task-card.toggle-class.open .hide-details__close svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.single-task-location.single-task--current .single-task-details {
    -webkit-transform: translateY(calc(100% - (100vh - 100dvh + 16.25rem)));
    -ms-transform: translateY(calc(100% - (100vh - 100dvh + 16.25rem)));
    transform: translateY(calc(100% - (100vh - 100dvh + 16.25rem)));
}

.single-task-location.single-task--current .hide-details {
    max-height: calc(100vh - 500px);
}

.single-task-location.single-task--current .simple-card {
    margin-top: 1.75rem;
}

.single-task-location.single-task--current.open .single-task-details {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.fix-header.fix-header--visit {
    border-radius: 0px 0px 1rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
}

.fix-header.fix-header--visit .btn-back {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.stage-work {
    height: calc(100vh - 6rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.stage-work .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.stage-work__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem;
}

.stage-work__content > * {
    width: 100%;
}

.stage-work__content .stage-work__btn {
    position: fixed;
    top: calc(100vh - (100vh - 100dvh + 12.5rem));
    width: 18.75rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.finish-work-2-page .stage-work__content {
    row-gap: 0.875rem;
}

.finish-work-2-page__title {
    margin-top: 0.125rem;
}

.finish-success-card {
    width: 100%;
    border-radius: 1.35rem;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0px 6px 16px rgba(39, 39, 39, 0.14);
    box-shadow: 0px 6px 16px rgba(39, 39, 39, 0.14);
}

.finish-success-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.98;
    object-fit: cover;
}

.finish-success-card__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
    padding: 0.875rem 1rem 1rem;
}

.finish-success-card__status .title-20 {
    line-height: 1.2;
    margin-top: 0;
}

.finish-work-2-page__order-type {
    margin-top: 0.2rem;
    margin-bottom: 0.25rem;
}

.finish-work-2-page__details-btn {
    border-color: rgba(39, 39, 39, 0.45);
    color: #2f2f2f;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0px 2px 6px rgba(39, 39, 39, 0.1);
    box-shadow: 0px 2px 6px rgba(39, 39, 39, 0.1);
}

.finish-work-2-page__details-btn:hover {
    background-color: #f3f3f3;
}

.finish-work-2-page .stage-work__content .stage-work__btn {
    width: calc(100% - 0.75rem);
    max-width: 21.5rem;
}

.finish-work-2-page__paid-hint {
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.25;
    color: rgba(39, 39, 39, 0.55);
}

.finish-work-2-page__paid-btn {
    background: -webkit-gradient(linear, left top, left bottom, from(#2fafff), to(#007AFF));
    background: linear-gradient(180deg, #2fafff 0%, #007AFF 100%);
    border-color: #0a84ff;
    color: #ffffff;
    -webkit-box-shadow: 0px 6px 14px rgba(0, 122, 255, 0.28);
    box-shadow: 0px 6px 14px rgba(0, 122, 255, 0.28);
}

.finish-work-2-page__paid-btn svg {
    color: inherit;
}

.finish-success-card__status-icon {
    position: relative;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background-color: #39BD74;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.finish-success-card__status-icon::before {
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 0.42rem;
    width: 0.5rem;
    height: 0.8rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}

@media (max-width: 360px) {
    .finish-work-2-page .stage-work__content {
        row-gap: 0.75rem;
    }

    .finish-success-card__status {
        padding: 0.75rem 0.875rem 0.875rem;
    }
}

/********************************/
.loading-donut {
    width: 2.75rem;
    height: 2.75rem;
    position: relative;
    letter-spacing: 0.014px;
    font-size: 0.875rem;
}

.loading-donut .loading-donut__value {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: black;
    font-weight: 600;
}

.loading-donut.loading-donut--medium {
    width: 5.3125rem;
    height: 5.3125rem;
    font-size: 1.25rem;
    letter-spacing: 0.02px;
}

.loading-donut.loading-donut--big {
    width: 12.5rem;
    height: 12.5rem;
    font-size: 3rem;
    letter-spacing: 0.003rem;
}

.donut-svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.donut-ring,
.donut-segment {
    fill: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    stroke-linecap: round;
}

.drop-filter.custom-drop .custom-drop__list {
    display: none;
}

.custom-drop {
    z-index: 3;
    position: relative;
}

.custom-drop__input {
    position: relative;
}

.custom-drop__input input {
    width: 100%;
    display: block;
    height: 2.1875rem;
    padding-left: 0.875rem;
    padding-right: 1.875rem;
    border-radius: 0.5rem;
    background: white;
    letter-spacing: 0.01em;
    border: 1px solid #E3E3E3;
    font-size: 16px;
}

.custom-drop__list {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 100%;
    right: 0;
    background-color: white;
    border-radius: 0 0 0.5rem 0.5rem;
    border: 1px solid #E3E3E3;
    border-top: none;
}

.custom-drop__list ul {
    max-height: 8.125rem;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #E3E3E3 #007AFF;
    scrollbar-gutter: stable;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.custom-drop__list ul::-webkit-scrollbar {
    display: block;
    border-radius: 0.25rem;
    width: 0.25rem;
    height: 1.25rem;
}

.custom-drop__list ul::-webkit-scrollbar-track {
    background-color: #E3E3E3;
    border-radius: 0.625rem;
}

.custom-drop__list ul::-webkit-scrollbar-thumb {
    background-color: #007AFF;
    border-radius: 0.375rem;
}

.custom-drop__item {
    cursor: pointer;
}

.custom-drop__item a {
    display: block;
    height: 2.1875rem;
    font-size: 16px;
    color: #333333;
    line-height: 2.1875rem;
    padding-inline: 0.875rem;
}

.custom-drop__item:not(:last-child) {
    border-bottom: 1px solid #E3E3E3;
}

.custom-drop__item:hover {
    background-color: #f5f5f5;
}

.drop-filter.custom-drop.active .custom-drop__list {
    display: block;
}

.drop-filter.custom-drop.active .custom-drop__input {
    border-radius: 0.5rem 0.5rem 0 0;
}

.drop-filter .custom-drop__input:after {
    content: "";
    display: block;
    width: 1.1875rem;
    height: 1.1875rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3cpath d='M15.0417 7.125L9.50001 11.875L3.95834 7.125' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.5rem;
    z-index: 2;
}

.productivity-card {
    width: 100%;
    border-radius: 1.25rem;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 8px 4px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 8px 4px rgba(151, 151, 151, 0.1);
    padding: 1rem;
}

.productivity-card > * + * {
    margin-top: 1rem;
}

.productivity-card .loading-donut {
    margin: 0 auto;
}

.productivity-card--mini {
    border-radius: 0.75rem;
    padding: 1rem;
    text-align: center;
}

.productivity-card__group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.productivity-list {
    padding-top: 0.25rem;
}

.productivity-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.productivity-list li + li {
    margin-top: 0.5rem;
}

.diagram-card__chart {
    position: relative;
}

.chart-label {
    position: relative;
    padding: 0.75rem;
    max-width: 14.375rem;
    font-family: "sf pro display";
    letter-spacing: 0.02em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05), -2px -2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05), -2px -2px 4px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 20%;
    left: 27%;
    z-index: 2;
}

.chart-label span {
    color: rgba(51, 51, 51, 0.4);
    display: block;
    margin-top: 6px;
    white-space: nowrap;
}

.chart-label:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(../img/corner.webp);
    position: absolute;
    top: -1rem;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.rating-main {
    padding-top: 1.5rem;
}

.rating-main .diagram-card {
    padding-top: 1rem;
}

.rating-main .diagram-card > * + * {
    margin-top: 1rem;
}

.rating-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 1.5rem;
}

.rating-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.125rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

.rating-value span {
    font-weight: 500;
}

.drop-filter.drop-filter-period {
    max-width: 10rem;
}

main.chat-main {
    padding-bottom: 1.875rem;
    height: calc(100vh - 9.375rem);
}

.chat-avatar-group {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
}

.chat-avatar-group img {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
}

.chat-avatar-group .avatar-icon {
    width: 1.875rem;
    height: 1.875rem;
}

.online-state {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    background-color: #00EF35;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.chat-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    font-size: 0.875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat-window {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.chat-window > * {
    width: 100%;
}

.chat-window__messages {
    font-family: "sf pro display";
    line-height: 1.3;
    padding: 1rem 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.chat-window__messages > * + * {
    margin-top: 0.75rem;
}

.chat-window__responce {
    padding: 0.625rem;
    border-radius: 0.75rem 0.75rem 0px 0.75rem;
    margin-left: auto;
    background: rgba(0, 122, 255, 0.1);
}

.chat-window__message {
    padding: 0.625rem;
    border-radius: 0.75rem 0.75rem 0.75rem 0px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 8px 4px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 8px 4px rgba(151, 151, 151, 0.1);
}

.chat-window__message,
.chat-window__responce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.5625rem;
    -moz-column-gap: 0.5625rem;
    column-gap: 0.5625rem;
    width: 95%;
    max-width: 21.875rem;
}

.chat-window__message .chat-time,
.chat-window__responce .chat-time {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 0.625rem;
}

.chat-window__input {
    background: white;
    -webkit-box-shadow: 0px 0px 8px 4px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 8px 4px rgba(151, 151, 151, 0.1);
    min-height: 3.5rem;
    padding: 0.3125rem 0.5rem 0.3125rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chat-window__input .create-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    width: 100%;
}

.chat-window__input .create-message__select {
    width: 1.875rem;
    height: 1.875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chat-window__input .create-message__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    position: relative;
}

.chat-window__input .create-message__text .send-icon {
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 2;
}

.chat-window__input .create-message__send {
    height: 38px;
}

.chat-window__input .input-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.chat-window__input .input-text:focus ~ .create-message__send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat-window__input {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    height: 4.5rem;
    background-color: #fff;
    border-radius: 12px 12px 0px 0px;
    -webkit-box-shadow: 0px 0px 4px 2px #EBE9F3;
    box-shadow: 0px 0px 4px 2px #EBE9F3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.chat-window__input input {
    border-radius: 1.125rem;
    background: #F2F1F7;
    height: 2.375rem;
    padding-left: 0.875rem;
    padding-right: 2.75rem;
}

.profile-card > * + * {
    margin-top: 0.5rem;
}

.profile-card .profile-skills {
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.user-location__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.375rem;
    -moz-column-gap: 0.375rem;
    column-gap: 0.375rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.user-location__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.user-location__input input {
    width: 100%;
}

.user-notice .svg-notify {
    width: 1.375rem;
    height: 1.375rem;
}

.user-notice:visited {
    color: #333333;
}

.profile-main {
    padding-top: 1rem;
}

.profile-main .simple-card + .simple-card {
    margin-top: 1rem;
}

/***********согласие на обработку данных ************/
.user-data .form-item .round-input,
.user-data .form-item .abs-label {
    background-color: #F9F9F9;
}

.confirm-check {
    margin-top: 16px;
}

.confirm-check .form-chbx {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.confirm-check .form-chbx span {
    line-height: 1.3;
}

.confirm-check .form-chbx .link {
    display: inline;
    text-decoration: underline;
}


.profile-settings .user-data {
    padding-top: 0.5rem;
}

.profile-settings .title-20 {
    margin-bottom: 1rem;
}

.form-fieldset + .form-fieldset {
    margin-top: 1.5rem;
}

.profile-settings .flex-center {
    margin-top: 1.5rem;
}

.profile-location {
    height: calc(100vh - 140px);
    position: fixed;
    top: 3rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
    max-width: 23.4375rem;
}

.profile-location .container {
    padding: 0;
}

.profile-location-map {
    height: calc(100vh - 200px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.custom-search.custom-drop .custom-drop__input .search-btn {
    position: absolute;
    right: 1px;
    top: 1px;
    height: auto;
    bottom: 1px;
    z-index: 3;
    background-color: #F9F9F9;
    border-radius: 0.625rem;
}

.custom-search.custom-drop .custom-drop__input input {
    height: 2.6875rem;
    background-color: #F9F9F9;
    border-radius: 0.625rem;
}

.profile-location-form {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    height: 42vh;
    padding: 1rem;
    -webkit-transform: translateY(calc(100% - 180px));
    -ms-transform: translateY(calc(100% - 180px));
    transform: translateY(calc(100% - 180px));
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.toggle-class.open .profile-location-form {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.profile-notice__group > * + * {
    margin-top: 0.75rem;
}

.notice-card__marker {
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    background-color: #007AFF;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.notice-card__text {
    line-height: 1.3;
}

.notice-card__text span {
    font-weight: 500;
}

.notice-card__footer {
    padding-top: 1rem;
    border-top: 1px solid #E3E3E3;
    text-align: center;
}

.profile-notice__history {
    padding-top: 1.5rem;
}

.profile-notice__history .title-20 {
    margin-bottom: 0.625rem;
}

.table-history {
    padding-bottom: 1.5rem;
}

.table-history td {
    font-size: 0.875rem;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.table-history thead td {
    color: rgba(51, 51, 51, 0.4);
}

.table-history thead td + td {
    text-align: right;
    width: 6.25rem;
    padding-left: 0.3125rem;
    padding-right: 0;
}

.table-history td {
    padding-top: 0.625rem;
    padding-bottom: 0.5625rem;
    border-bottom: 1px solid #CDCDCD;
}

.table-history td:first-child {
    padding-right: 0.375rem;
}

.table-history td:first-child p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 13.9375rem;
}

.profile-notice,
.profile-notice-settings {
    padding-top: 1rem;
}

.setting-card {
    border-radius: 0.75rem;
    padding-block: 0.75rem;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 8px 4px rgba(151, 151, 151, 0.1);
    box-shadow: 0px 0px 8px 4px rgba(151, 151, 151, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.setting-card span {
    margin-bottom: 0.5rem;
}

.setting-card .switch-item {
    margin-top: 1rem;
}

.setting-card .switch-item span {
    margin-bottom: 0;
}

.setting-card svg {
    color: #333333;
}

.setting-card p {
    letter-spacing: 0.02rem;
    font-weight: 500;
}

.notice-settings-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.8125rem;
}

.notice-settings__radio {
    margin-top: 1.25rem;
}

.notice-settings__radio .title-20 {
    margin-bottom: 0.75rem;
}

.form-radio + .form-radio {
    margin-top: 1rem;
}

.hide {
    display: none !important;
}

.modal-frame-wrapper.fix-width .modal-frame {
    min-height: unset;
}

.form-btn.form-btn--bt {
    padding-top: 16px;
    border-top: 1px solid #e2e2e2;
    margin-left: -24px;
    margin-right: -24px;
}

.title-small {
    font-weight: 500;
    line-height: 1;
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: 0.018px;
}

.text-center {
    text-align: center;
}

/*============TYPOGRAFY=============*/
.head {
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
}

.title {
  font-weight: 500;
  line-height: normal;
  font-size: 1.5rem;
  letter-spacing: 0.001125rem;
  line-height: 1;
  margin-bottom: 1.25rem;
}
@media (max-width: 74.9375rem) {
  .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 63.9375rem) {
  .title {
    font-size: 1.125rem;
  }
}

.title-medium {
  font-weight: 500;
  line-height: 1;
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 1rem;
}
@media (max-width: 74.9375rem) {
  .title-medium {
    font-size: 1.125rem;
  }
}

.title-small {
  font-weight: 500;
  line-height: 1;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.018px;
}

.link {
  font-weight: 500;
  font-size: 1rem;
  color: #007AFF;
  position: relative;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link:after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: currentColor;
  width: 100%;
}
.link:hover {
  color: rgb(51, 51, 51);
  opacity: 0.9;
}

.back-link {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #007AFF;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.back-link:before {
  content: "";
  width: 1.1875rem;
  height: 1.1875rem;
  background-size: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none'%3e%3cpath d='M5.875 0.958496L1.125 6.50016L5.875 12.0418' stroke='%23007AFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.back-link:hover {
  color: rgb(51, 51, 51);
}
.back-link:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none'%3e%3cpath d='M5.875 0.958496L1.125 6.50016L5.875 12.0418' stroke='%23333333' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.text-center {
  text-align: center;
}

.txt-accent {
  color: #007AFF !important;
}
.txt-red{
  color: #FF2E00!important;
}
.txt-grey {
  color: rgba(51, 51, 51, 0.4) !important;
}

.text-cut {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.label-num, .span-num {
  position: absolute;
  font-size: 0.6875rem;
  letter-spacing: 0.00075rem;
  color: #ffffff;
  top: 0;
  right: 0;
  font-weight: 600;
  border-radius: 50%;
  z-index: 2;
  color: #fff;
  min-width: 0.875rem;
  height: 0.875rem;
  background-color: #FF5811;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1;
  padding: 3px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

/*.label-num {*/
  /*background-color: #FF2E00;*/
/*}*/

.span-num {
  background-color: #007AFF;
}

.span-num.disable {
  background-color: rgba(51, 51, 51, 0.4);
}

.online-state {
  display: block;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 50%;
  background-color: #007AFF;
}

.text-gray {
  color: rgba(51, 51, 51, 0.4);
}

.waiting-status--info,
.waiting-title--info {
  color: #007aff;
}

.waiting-description--info {
  color: rgba(51, 51, 51, 0.8);
}

.waiting-status--success,
.waiting-title--success {
  color: #2f9e44;
}

.waiting-description--success {
  color: #2f9e44;
}

.waiting-status--warning,
.waiting-title--warning {
  color: #c47f00;
}

.waiting-description--warning {
  color: #8a5a00;
}

.waiting-status--danger,
.waiting-title--danger {
  color: #d62828;
}

.waiting-description--danger {
  color: #9d1c1c;
}

.activation-success-card {
  background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 70%);
  border: 1px solid #e1ecff;
}

.activation-success-card__title {
  color: #007aff;
  margin-bottom: 1rem;
}

.activation-success-card__subtitle {
  max-width: 18rem;
  color: rgba(51, 51, 51, 0.85);
  line-height: 1.45;
  margin: 0 auto 0.75rem;
}

.activation-success-card__hint {
  text-align: center;
  color: #333333;
  font-size: 0.95rem;
  line-height: 1.45;
  margin-bottom: 0.75rem;
}

.activation-success-card__phone {
  text-align: center;
  font-size: 0.875rem;
  color: rgba(51, 51, 51, 0.8);
  line-height: 1.45;
  margin-bottom: 0.25rem;
}

.activation-success-card__phone span {
  font-weight: 600;
  color: #333333;
}

.activation-success-card__actions .btn {
  min-width: 14.5rem;
}