.custom-toast-container {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1050;
    margin-bottom: 1rem;
}

.custom-toast {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.3s, transform 0.3s;
    width: 330px;
    height: auto;
    padding: 10px 15px;
    background-color: #ffffff;
    border-radius: 140px;
    box-shadow: 0 9px 10px rgb(0 0 0 / 29%);
    margin-right: 1rem;
    align-items: center;
    display: flex;
    margin-bottom: 0.5rem;
}

.custom-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.custom-toast .icon-container {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.custom-toast .icon-container > svg {
    height: 34px;
}

.custom-toast .content-container {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.custom-toast .content-container .title {
    font-weight: 600;
    font-size: 15px;
}

.custom-toast .content-container .message {
    font-size: 14px;
    font-weight: 400;
    color: #111215;
    margin: 0;
}

.custom-toast > button {
    background-color: transparent;
    font-size: 25px;
    color: #9b9dab;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    height: 34px;
    width: 34px;
}

.custom-toast.success .icon-container > svg {
    fill: #47D764;
}

.custom-toast.success .content-container .title {
    color: #47d764;
    margin: 0;
}

.custom-toast.error .icon-container > svg {
    fill: #ff355b;
}

.custom-toast.error .content-container .title {
    color: #ff355b;
    margin: 0;
}

.custom-toast.info .icon-container > svg {
    fill: #2F86EB;
}

.custom-toast.info .content-container .title {
    color: #2F86EB;
    margin: 0;
}

.custom-toast.warning .icon-container > svg {
    fill: #FFC021;
}

.custom-toast.warning .content-container .title {
    color: #FFC021;
    margin: 0;
}

.custom-toast-container .custom-toast:last-child {
    margin-bottom: 1rem;
}

@media (max-width: 568px) {
    .custom-toast {
        margin: auto 0.5rem;
        left: 0;
        right: 0;
        width: calc(100% - 1rem);
        margin-bottom: 0.5rem;
    }

    .custom-toast-container {
        margin: 0;
    }
}
.lead { font-size: 1.5rem; font-weight: 300;background: linear-gradient(to right, #000000 0%, #000000 50%,#999999 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color:transparent; margin: 3rem auto;}

.custom-toast h1 {
  background: linear-gradient( 120deg, #bd34fe 30%, #41d1ff );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.5rem;
  margin: 3rem auto;
}

.select_style {
    margin-left: 1px;
    min-width: 75px;
    background: #e2e6e7;
    border-radius: 5px;
    border: 1px solid #e2e6e7;
    padding: 5px;
}

.field__postfix {
    display: inline-block;
    box-sizing: border-box;
    margin-left: -4px;
    padding: 10px;
    height: 40px;
    border-left: 1px dashed #858c92;
    border-radius: 0 5px 5px 0;
    background-color: #e0e6e7;
    color: #858c92;
    vertical-align: top;
}

.field__counter {
    position: absolute;
    right: 3px;
    bottom: 3px;
    color: #a5adb5;
    font-weight: 700;
    font-size: 13px;
    visibility: hidden;
    height: 1em;
}

.form-control_money {
    display: inline-block;
    width: 100px;
    border-radius: 5px 0 0 5px;
}

hr {
    width: 100% !important;
    margin-top: -4px !important;
    background: #5e7bef00 !important;
    border: 1px solid #5e7bef05 !important;
}


.categories-general-div {
    background: #0000009c;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
}

.categories-selector {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1500;
    display: none;
    overflow: hidden;
    margin: -200px 0 0 -250px;
    width: 500px;
    height: 400px;
    border-radius: 6px;
    background-color: #4c5b6a;
}

.categories-selector__tabs {
    float: left;
    width: 220px;
    height: 100%
}

.categories-selector__tabs .menu__item:last-child .menu__link,.categories-selector__tabs .tabs-menu__item:last-child .menu__link,.categories-selector__tabs .icons-bar_horizontal .icons-bar__item:last-child .menu__link,.icons-bar_horizontal .categories-selector__tabs .icons-bar__item:last-child .menu__link,.categories-selector__tabs .icons-bar_socials .icons-bar__item:last-child .menu__link,.icons-bar_socials .categories-selector__tabs .icons-bar__item:last-child .menu__link,.categories-selector__tabs .icons-bar_keys .icons-bar__item:last-child .menu__link,.icons-bar_keys .categories-selector__tabs .icons-bar__item:last-child .menu__link {
    border: 0
}

.categories-selector__sections {
    position: relative;
    float: left;
    overflow: hidden;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0;
    width: 280px;
    height: 100%;
    border-radius: 0 6px 6px 0;
    color: #333
}

.categories-selector__sections:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 300;
    display: block;
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
    content: ''
}

.categories-selector__sections .menu,.categories-selector__sections .icons-bar {
    position: relative;
    display: none;
    overflow-y: auto;
    max-height: 400px
}

.categories-selector__sections .section_selector_open {
    display: block
}

.categories-selector__sections .checkbox_disabled:hover {
    padding: 0
}

.categories-selector__sections .checkbox_disabled:hover .checkbox__limiter {
    display: block
}

.categories-selector__sections .checkbox_disabled:hover .checkbox__label {
    display: none
}

.categories-selector__sections .checkbox__limiter {
    display: none;
    box-sizing: border-box;
    padding: 0 22px;
    background-color: #5598cc
}

.categories-selector__button button {
    text-align: left;
    position: relative
}

.categories-selector__button button:before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px
}

.menu_categories {
    height: 100%;
    border-radius: 6px 0 0 6px;
    background: #ffffff;
}

.menu_categories .menu__item:first-child .menu__link:hover,.menu_categories .tabs-menu__item:first-child .menu__link:hover,.menu_categories .icons-bar_horizontal .icons-bar__item:first-child .menu__link:hover,.icons-bar_horizontal .menu_categories .icons-bar__item:first-child .menu__link:hover,.menu_categories .icons-bar_socials .icons-bar__item:first-child .menu__link:hover,.icons-bar_socials .menu_categories .icons-bar__item:first-child .menu__link:hover,.menu_categories .icons-bar_keys .icons-bar__item:first-child .menu__link:hover,.icons-bar_keys .menu_categories .icons-bar__item:first-child .menu__link:hover,.menu_categories .menu__item:first-child .menu__link:active,.menu_categories .tabs-menu__item:first-child .menu__link:active,.menu_categories .icons-bar_horizontal .icons-bar__item:first-child .menu__link:active,.icons-bar_horizontal .menu_categories .icons-bar__item:first-child .menu__link:active,.menu_categories .icons-bar_socials .icons-bar__item:first-child .menu__link:active,.icons-bar_socials .menu_categories .icons-bar__item:first-child .menu__link:active,.menu_categories .icons-bar_keys .icons-bar__item:first-child .menu__link:active,.icons-bar_keys .menu_categories .icons-bar__item:first-child .menu__link:active {
    border-radius: 6px 6px 0 0
}

.menu_categories .menu__link {
    box-sizing: border-box;
    padding: 0 12px;
    border-bottom: 1px solid #465462;
    color: #3b5167;
    font-size: 14px;
    cursor: pointer;
}

.menu_categories .menu__link:active,.menu_categories .menu__link.active {
    background: #dfeaf5;
}

.menu_categories .menu__link.active {
    position: relative
}

.menu_categories .menu__link.active:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    border-left: 3px solid #5eaefe;
    content: '';
}

.menu_categories .menu__item-count {
    display: none
}

.menu_categories .menu__link {
    box-sizing: border-box;
    padding: 0 12px;
    border-bottom: 1px solid #465462;
    color: #3b5167;
    font-size: 14px;
    cursor: pointer;
}

.menu__link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 6px 5px 1px 8px;
    width: 100%;
    height: inherit;
    color: #2b2b2b;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}

.menu_striped .menu__item {
    box-sizing: border-box;
    border-bottom: 1px solid #e4e4e4;
    text-align: left;
    display: block;
}

.menu_striped {
    position: relative;
    background: #fefefe;
}

.close_modal_style {
    border: 1px solid white;
    z-index: 111111;
    width: 41%;
    display: block;
    position: absolute;
    bottom: 4px;
    background: #0087ff;
    padding: 4px;
    margin-left: 6px;
    border-radius: 12px;
    text-align: center;
    color: white;
    cursor: pointer;
}

.close_modal_style:hover {
    box-shadow: 0 0 10px #00000045;
}

.file-upload:before {
    width: 69px;
    height: 50px;
    display: block;
    margin: 0 auto 25px;
    background: url(assets/images/services_icons.png) no-repeat -200px 0;
}

.file-upload {
    box-sizing: border-box;
    padding: 25px;
    border: 2px dashed #dee1e3;
    text-align: center;
    cursor: pointer;
}

.file-upload.fade_portfolio {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.empty-block_minimal.empty-block {
    margin: auto;
}

.empty-block__title {
    color: #8b95a1;
    font-size: 21px;
}

.empty-block_recommendations .empty-block__title:before {
    background: url(/assets/images/empty_blocks_icons.png) no-repeat -99px -99px !important;
}

.custom__button {
    background: #378ff6; 
    color: white; 
    padding: 9px; 
    border-radius: 6px; 
    font-size: 13px;
    cursor: pointer;
}

.soft-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

@media (max-width: 759px) {
    .soft-box:not(.soft-box--preserve-radius) {
        border-radius:0
    }
}

.soft-box--sharpEdges {
    border-radius: 0
}

.task-flow-header__price {
    float: right;
    margin-top: -4px;
    margin-bottom: -10px
}

.task-flow-header__title {
    margin: 0;
    font-size: var(--font-size-22);
    line-height: 1.1
}

.task-flow-header__navigation {
    margin: 20px 0 0
}

.task-flow-wrapper {
    display: flex
}

.task-flow-wrapper__sidebar {
    flex: none;
    width: 300px;
    margin-right: 20px
}

.task-flow-wrapper__main {
    flex: 1
}

@media (max-width: 759px) {
    .task-flow-wrapper {
        flex-direction:column
    }

    .task-flow-wrapper__sidebar {
        flex: 1;
        width: auto;
        margin: 0 0 20px
    }

    .task-flow-wrapper__main--responsive-overlay {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }
}

.task-info-sidebar-block__stats {
    margin: -12px 0 20px
}

.task-flow-navigation {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px
}

.task-flow-navigation__tab {
    margin-top: 20px;
    background: #f4f4f4;
    padding: 4px;
    border: 1px solid silver;
    border-radius: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 15px;
}

.task-flow-navigation__tab:not(:last-child) {
    margin-right: 20px
}

.task-flow-navigation__task-icon {
    width: 16px;
    height: 16px;
    padding: 2px;
    color: #abb8c5;
    border: 2px solid

}

.task-flow-navigation__task-icon:before {
    content: "";
    display: block;
    height: 2px;
    background-color: currentColor;
    box-shadow: 0 4px
}

.button--appearance-chat-submit {
    --button--paddingX: 20px;
    --button--hoverSvgFill: #558cb7
}

.button--appearance-navigation-tab {
    --button--height: 32px;
    --button--paddingX: 12px;
    --button--FontSize: var(--font-size-13);
    --button--Color: #fff;
    --button--BackgroundColor: #73c084;
    --button--ActiveColor: #1767c2;
    --button--ActiveBackgroundColor: #fff;
    --button--HoveredBackgroundColor: #2787f5;
    --button--activeOutlineColor: #6f9ed3;
    --button--DividerColor: #fff;
}

.task-flow-header__title {
    margin: 0;
    font-size: 20px;;
    line-height: 1.1;
}

.price__value {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 4px 14px;
    white-space: nowrap;
    text-align: center;
    border-radius: 24px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    background-color: #1da56d;
    box-shadow: inset 0 0 0 1px var(--price--outline);
}

.button--appearance-navigation-tab.button--disabled {
    --button--Color: #6f7577;
    --button--BackgroundColor: #f4f4f4;
    --button--HoveredBackgroundColor: #f4f4f4;
    --button--OutlineColor: #d5dddf;
    --button--DividerColor: #d5dddf;
    opacity: 1;
    pointer-events: none;
    color: #535353;
}

.button__wrapper, .counter {
    align-items: center;
    justify-content: center;
}

.button__wrapper {
    display: flex;
    margin: var(--button--WrapperMargin);
}

.button-with-counter__counter {
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    border-right: 1px solid var(--button--DividerColor, currentColor);
    text-align: center;
    margin-right: 6px;
}

.sidebar-block-section--divider-bottom {
    border-bottom: 1px solid #e7e7e7
}

.sidebar-hirer-block__info {
    margin: 16px 0 0;
    padding: 2px 16px;
    list-style: none;
    border-radius: 8px;
    background-color: #f8f9fa;
    color: #333;
    font-size: 14px
}

.sidebar-hirer-block__info-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.sidebar-hirer-block__info-counter {
    color: #999
}

.sidebar-hirer-block__actions {
    margin-top: 20px
}

.freelancer-card {
    display: flex;
    align-items: center
}

.freelancer-card__avatar {
    display: flex;
    margin-right: 8px
}

.freelancer-card__main {
    min-width: 0
}

.freelancer-card__username {
    overflow: hidden;
    margin-top: -2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-14);
    line-height: 1.4285
}

.freelancer-card__price {
    margin-top: 5px;
    font-size: var(--font-size-12);
    line-height: 1.166;
    color: #45ae8b;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.freelancer-card__button {
    flex: none;
    margin-left: auto;
    padding-left: 5px
}

.freelancer-stats {
    margin: 16px 0 0;
    padding: 2px 16px;
    list-style: none;
    border-radius: 4px;
    background-color: #f8f9fa;
    color: #777;
    font-size: 14px;
    font-weight: 500;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.freelancer-stats__item {
    padding: 10px 0
}

.freelancer-stats__counter {
    color: #2787f5;
}

.payment-cancel {
    width: 191px; 
    padding: 6px; 
    background: #ff0050; 
    font-size: 13px; 
    color: white; 
    border-radius: 10px; 
    margin-top: 6px;
}

.payment-accept {
    width: 116px;
    padding: 6px;
    background: #ffffff;
    font-size: 13px;
    color: #1fa100;
    border-radius: 1px;
    margin-top: 6px;
}

.answer-balance {
    width: auto;
    min-width: 100px;
    max-width: 150px;
    display: inline-block;
    float: right;
    background: white;
    border: 1px solid #2191ff;
    padding: 0 10px 0;
    border-radius: 5px;
    color: #2191ff;
    font-size: 14px;
    font-family: monospace;
}

.site-services-box {
        box-shadow: -7px 4px 13px #e7e7e7;
}

.site-services-buy-btn {
    border: 1px solid;
    padding: 4px;
    margin-top: 25px;
    display: block;
    width: 69px;
    border-radius: 3px;
}

.pro_frilans {
    /*color: #e1ff00 !important;
    text-shadow: 2px 2px 4px rgb(19 0 97 / 40%) !important;*/
}

.site-services-buy-price {
    background: #7693a9;
    width: max-content;
    margin-top: 10px;
    padding: 5px;
    border-radius: 0px;
    border: 1px solid #ffffff;
    font-weight: 700;
    color: white;
}

.offers_user_block:hover {
    box-shadow: 0 0 2px !important;
    cursor: pointer;
}

.pro_frilans_icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='140' height='62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.542 12.426C1.23 6.011 6.209.023 12.836.046L109.398.4c6.046.022 11.39 3.889 13.234 9.576l12.496 38.54C137.29 55.182 132.253 62 125.164 62H24.095c-6.64 0-12.358-4.622-13.673-11.05l-7.88-38.524Z' fill='%2300CD5E'/%3E%3Cpath d='M29.59 17.267v29.43h5.235V36.97h6.35c5.925 0 10.064-3.977 10.064-9.79 0-5.914-3.997-9.912-9.84-9.912H29.59Zm5.235 4.304h5.194c3.774 0 5.904 1.958 5.904 5.608 0 3.549-2.19 5.548-5.924 5.548h-5.174V21.57ZM60.836 35.623h5.802l5.742 11.074h5.985l-6.39-11.87c3.489-1.264 5.518-4.507 5.518-8.402 0-5.63-3.855-9.158-10.002-9.158H55.6v29.43h5.235V35.623Zm0-14.093h5.924c3.328 0 5.356 1.897 5.356 4.997 0 3.16-1.907 4.976-5.234 4.976h-6.046V21.53ZM95.043 16.533c-8.5 0-13.857 5.935-13.857 15.44 0 9.483 5.275 15.458 13.857 15.458 8.541 0 13.837-5.975 13.837-15.459 0-9.504-5.316-15.439-13.837-15.439Zm0 4.548c5.194 0 8.501 4.222 8.501 10.891 0 6.628-3.287 10.911-8.501 10.911-5.275 0-8.5-4.283-8.5-10.91 0-6.67 3.306-10.892 8.5-10.892Z' fill='%23fff'/%3E%3C/svg%3E");
    height: 14px;
    width: 33px;
    display: block;
    position: absolute;
    background-size: contain;
    margin-top: 60px;
}

@media (max-width: 769px) {
    .pro_frilans_icon {
        height: 11px !important;
        width: 24px !important;
        margin-top: 46px !important;
    }
}

.premium_fl {
    background: #d8f2ff !important;
    padding: 20px;
    border: 2px solid #e7ecff;
    border-radius: 10px;
    margin-top: 10px;
    color: #212121;
}