@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Karmela';
    src: url('../fonts/Karmela.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

* {
    -webkit-tap-highlight-color: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

input,
select {
    vertical-align: middle;
}

*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html,
body {
    color: #2B2B2B;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    scroll-behavior: smooth;
    background: #fff;
}

.body {
    min-width: 320px;
}

    .body.no-scroll {
        overflow: hidden;
    }

.container {
    width: 100%;
    max-width: 1339px;
    padding: 0 20px;
    margin: 0 auto;
}

.btn-5[aria-disabled="true"],
.btn-4[aria-disabled="true"],
.btn-3[aria-disabled="true"],
.btn-2[aria-disabled="true"],
.btn[aria-disabled="true"],
button[aria-disabled="true"] {
    pointer-events: none;
}

.btn-5,
.btn-4,
.btn-3,
.btn-2,
.btn,
button {
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .1s ease;
    color: #2B2B2B;
    font-family: "Proxima Nova", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: max-content;
}

.btn {
    border-radius: 50px;
    background: #F8BD2C;
    padding: 10px 22px;
    color: #fff;
}

.btn-disabled {
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
}

.btn:hover {
    background-color: #1BB319;
}

.btn-2 {
    border-radius: 50px;
    background: #1BB319;
    padding: 12px 30px;
    color: #fff;
    min-height: 48px;
}

    .btn-2:hover {
        background-color: #F8BD2C;
    }

.btn-3 {
    border-radius: 50px;
    border: 1px solid #1BB319;
    padding: 12px 30px;
    min-height: 48px;
    gap: 10px;
}

    .btn-3:hover {
        background-color: #1BB319;
        color: #fff;
    }

    .btn-3 svg path {
        transition: all .1s ease;
    }

    .btn-3:hover svg path[fill] {
        fill: #fff;
    }

    .btn-3:hover svg path[stroke] {
        stroke: #fff;
    }

.btn-4 {
    gap: 13px;
    border-radius: 50px;
    border: 1px solid #CED4DA;
    padding: 12px 30px;
    min-height: 46px;
}

    .btn-4:hover {
        background-color: #CED4DA;
    }

.btn-5 {
    padding: 13px 23px;
    border-radius: 50px;
    color: #F03E3E;
    border: 1px solid #F03E3E;
}

    .btn-5:hover {
        background: #FFF5F5;
    }

textarea,
textarea::placeholder,
input,
input::placeholder {
    font-family: 'Proxima Nova', sans-serif;
}

textarea,
input {
    outline: none;
    border-radius: 4px;
    border: 1px solid #CED4DA;
    background: #fff;
    color: #2B2B2B;
    width: 100%;
    height: 48px;
    padding: 10px 11px;
    font-size: 14px;
}

textarea {
    resize: none;
    height: 167px;
    padding: 7px 11px;
    font-size: 14px;
}

    textarea:focus,
    input:focus {
        border-color: #1BB319;
    }

input.input-error {
    border-color: #FA5252;
}

.checkbox-error {
    border: 1px solid #FA5252;
    border-radius: 6px;
    padding: 10px;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-textfield-decoration-container,
input[type="password"]::-webkit-inner-spin-button,
input[type="password"]::-webkit-outer-spin-button {
    display: none;
}

h1,
.title {
    font-size: 48px;
    font-weight: 600;
    line-height: normal;
}

.title-2 {
    font-size: 32px;
    font-weight: 700;
}

.descr {
    font-size: 18px;
    color: #757575;
}

.page-wrapper {
    overflow: hidden;
}

.page-wrapper-reset {
    overflow: initial;
}

h1 {
    color: #2B2B2B;
    font-size: 48px;
    font-weight: 600;
}

mark {
    color: #1BB319;
}

label {
    color: #2B2B2B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    width: 100%;
    max-width: max-content;
    align-items: center;
    user-select: none;
}

    label > input {
        display: none;
    }

        label > input + span {
            cursor: pointer;
            display: flex;
            align-items: center;
        }

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding-bottom: 40px;
    padding-top: 130px;
}

    .breadcrumbs li {
        display: flex;
        align-items: center;
        gap: 6px;
    }

        .breadcrumbs li:first-of-type a::before {
            content: '';
            display: inline-block;
            width: 24px;
            min-width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.68767 5.42387L6.27989 4.98373L6.68767 5.42387ZM8.37549 4.14465L8.55351 4.71763L8.37549 4.14465ZM11.3116 5.42386L10.9038 5.864L11.3116 5.42386ZM9.62373 4.14465L9.44571 4.71763L9.62373 4.14465ZM4.77899 14.1574L4.50029 14.6888L4.77899 14.1574ZM3.83504 13.1857L3.2973 13.4519L3.83504 13.1857ZM14.1642 13.1857L14.7019 13.4519L14.1642 13.1857ZM13.2202 14.1574L13.4989 14.6888L13.2202 14.1574ZM14.3317 8.72211L14.9139 8.57687L14.3317 8.72211ZM13.2556 7.22497L13.6633 6.78484L13.2556 7.22497ZM14.0385 8.04443L14.5426 7.719L14.0385 8.04443ZM3.66751 8.72211L3.08535 8.57687L3.66751 8.72211ZM4.74367 7.22497L4.33589 6.78484L4.74367 7.22497ZM3.96069 8.04443L3.45661 7.719L3.96069 8.04443ZM9.79902 10.396L9.64372 10.9755L9.79902 10.396ZM10.7536 11.3506L11.3332 11.1953L10.7536 11.3506ZM8.2002 10.396L8.04491 9.81642L8.2002 10.396ZM7.24561 11.3506L6.66605 11.1953L7.24561 11.3506ZM14.3996 9.86942H13.7996V10.8421H14.3996H14.9996V9.86942H14.3996ZM10.9436 14.3998V13.7998H7.05561V14.3998V14.9998H10.9436V14.3998ZM3.59961 10.8421H4.19961V9.86942H3.59961H2.99961V10.8421H3.59961ZM4.74367 7.22497L5.15145 7.6651L7.09545 5.864L6.68767 5.42387L6.27989 4.98373L4.33589 6.78484L4.74367 7.22497ZM11.3116 5.42386L10.9038 5.864L12.8478 7.6651L13.2556 7.22497L13.6633 6.78484L11.7193 4.98373L11.3116 5.42386ZM6.68767 5.42387L7.09545 5.864C7.51094 5.47904 7.79755 5.21409 8.03689 5.02482C8.27066 4.83997 8.42169 4.75859 8.55351 4.71763L8.37549 4.14465L8.19746 3.57167C7.86721 3.67428 7.58291 3.85397 7.29257 4.08355C7.00782 4.30873 6.68155 4.6116 6.27989 4.98373L6.68767 5.42387ZM11.3116 5.42386L11.7193 4.98373C11.3177 4.61159 10.9914 4.30873 10.7066 4.08355C10.4163 3.85397 10.132 3.67428 9.80176 3.57167L9.62373 4.14465L9.44571 4.71763C9.57753 4.75859 9.72856 4.83997 9.96233 5.02482C10.2017 5.21409 10.4883 5.47904 10.9038 5.864L11.3116 5.42386ZM8.37549 4.14465L8.55351 4.71763C8.84458 4.6272 9.15464 4.6272 9.44571 4.71763L9.62373 4.14465L9.80176 3.57167C9.2788 3.40918 8.72042 3.40918 8.19746 3.57167L8.37549 4.14465ZM7.05561 14.3998V13.7998C6.44056 13.7998 6.01642 13.7993 5.68721 13.7716C5.36554 13.7446 5.18852 13.6947 5.05769 13.6261L4.77899 14.1574L4.50029 14.6888C4.83151 14.8625 5.18794 14.9339 5.58664 14.9674C5.9778 15.0003 6.46094 14.9998 7.05561 14.9998V14.3998ZM3.59961 10.8421H2.99961C2.99961 11.4551 2.99917 11.9499 3.03092 12.35C3.06318 12.7565 3.13151 13.1169 3.2973 13.4519L3.83504 13.1857L4.37277 12.9195C4.30313 12.7788 4.25375 12.5901 4.22716 12.255C4.20005 11.9135 4.19961 11.4743 4.19961 10.8421H3.59961ZM4.77899 14.1574L5.05769 13.6261C4.76549 13.4728 4.52471 13.2265 4.37277 12.9195L3.83504 13.1857L3.2973 13.4519C3.55954 13.9817 3.97963 14.4157 4.50029 14.6888L4.77899 14.1574ZM14.3996 10.8421H13.7996C13.7996 11.4743 13.7992 11.9135 13.7721 12.255C13.7455 12.5901 13.6961 12.7788 13.6264 12.9195L14.1642 13.1857L14.7019 13.4519C14.8677 13.1169 14.936 12.7565 14.9683 12.35C15.0001 11.9499 14.9996 11.4551 14.9996 10.8421H14.3996ZM10.9436 14.3998V14.9998C11.5383 14.9998 12.0214 15.0003 12.4126 14.9674C12.8113 14.9339 13.1677 14.8625 13.4989 14.6888L13.2202 14.1574L12.9415 13.6261C12.8107 13.6947 12.6337 13.7446 12.312 13.7716C11.9828 13.7993 11.5587 13.7998 10.9436 13.7998V14.3998ZM14.1642 13.1857L13.6264 12.9195C13.4745 13.2265 13.2337 13.4728 12.9415 13.6261L13.2202 14.1574L13.4989 14.6888C14.0196 14.4157 14.4397 13.9817 14.7019 13.4519L14.1642 13.1857ZM14.3996 9.86942H14.9996C14.9996 9.31598 15.0038 8.93726 14.9139 8.57687L14.3317 8.72211L13.7496 8.86735C13.7954 9.05126 13.7996 9.25597 13.7996 9.86942H14.3996ZM13.2556 7.22497L12.8478 7.6651C13.2913 8.07599 13.4338 8.21399 13.5345 8.36987L14.0385 8.04443L14.5426 7.719C14.3411 7.40686 14.0624 7.15455 13.6633 6.78484L13.2556 7.22497ZM14.3317 8.72211L14.9139 8.57687C14.8379 8.27218 14.7125 7.98216 14.5426 7.719L14.0385 8.04443L13.5345 8.36987C13.6324 8.52151 13.7052 8.68964 13.7496 8.86735L14.3317 8.72211ZM3.59961 9.86942H4.19961C4.19961 9.25597 4.20378 9.05126 4.24966 8.86735L3.66751 8.72211L3.08535 8.57687C2.99544 8.93726 2.99961 9.31598 2.99961 9.86942H3.59961ZM4.74367 7.22497L4.33589 6.78484C3.93684 7.15455 3.65814 7.40686 3.45661 7.719L3.96069 8.04443L4.46476 8.36987C4.5654 8.21399 4.70796 8.07599 5.15145 7.6651L4.74367 7.22497ZM3.66751 8.72211L4.24966 8.86735C4.294 8.68964 4.36686 8.52151 4.46476 8.36987L3.96069 8.04443L3.45661 7.719C3.28671 7.98216 3.16136 8.27218 3.08535 8.57687L3.66751 8.72211ZM10.7996 12.15H10.1996V14.4H10.7996H11.3996V12.15H10.7996ZM7.19961 14.4H7.79961V12.15H7.19961H6.59961V14.4H7.19961ZM8.99961 10.35V10.95C9.45673 10.95 9.56758 10.9551 9.64372 10.9755L9.79902 10.396L9.95431 9.81642C9.6871 9.74482 9.37947 9.74998 8.99961 9.74998V10.35ZM10.7996 12.15H11.3996C11.3996 11.7701 11.4048 11.4625 11.3332 11.1953L10.7536 11.3506L10.1741 11.5059C10.1945 11.582 10.1996 11.6929 10.1996 12.15H10.7996ZM9.79902 10.396L9.64372 10.9755C9.90254 11.0449 10.1047 11.247 10.1741 11.5059L10.7536 11.3506L11.3332 11.1953C11.1529 10.5224 10.6272 9.99673 9.95431 9.81642L9.79902 10.396ZM8.99961 10.35V9.74998C8.61975 9.74998 8.31212 9.74482 8.04491 9.81642L8.2002 10.396L8.3555 10.9755C8.43164 10.9551 8.54249 10.95 8.99961 10.95V10.35ZM7.19961 12.15H7.79961C7.79961 11.6929 7.80476 11.582 7.82517 11.5059L7.24561 11.3506L6.66605 11.1953C6.59446 11.4625 6.59961 11.7701 6.59961 12.15H7.19961ZM8.2002 10.396L8.04491 9.81642C7.37198 9.99673 6.84637 10.5224 6.66605 11.1953L7.24561 11.3506L7.82517 11.5059C7.89452 11.247 8.09668 11.0449 8.3555 10.9755L8.2002 10.396Z' fill='%23757575'/%3E%3C/svg%3E");
            background-position: center;
            background-repeat: no-repeat;
        }

        .breadcrumbs li:not(:last-of-type):after {
            content: '/';
        }

        .breadcrumbs li:after,
        .breadcrumbs li a {
            color: #C7C7C7;
            font-family: "Proxima Nova", sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            transition: all .2s ease;
        }

        .breadcrumbs li a {
            display: flex;
            align-items: center;
            max-width: max-content;
        }

            .breadcrumbs li a:hover {
                color: #121212;
            }

strong {
    font-weight: 600;
}

/*  */
.form-radio,
.form-accept,
.form-checkbox {
    width: 100%;
    max-width: max-content;
}

    .form-radio input + span,
    .form-accept,
    .form-checkbox input + span {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #000;
        position: relative;
    }

        .form-radio input + span::before,
        .form-accept input + span::before,
        .form-checkbox input + span::before {
            content: '';
            background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0.5H16C17.933 0.5 19.5 2.067 19.5 4V16C19.5 17.933 17.933 19.5 16 19.5H4C2.067 19.5 0.5 17.933 0.5 16V4C0.5 2.067 2.067 0.5 4 0.5Z' fill='white'/%3E%3Cpath d='M4 0.5H16C17.933 0.5 19.5 2.067 19.5 4V16C19.5 17.933 17.933 19.5 16 19.5H4C2.067 19.5 0.5 17.933 0.5 16V4C0.5 2.067 2.067 0.5 4 0.5Z' stroke='%23CED4DA'/%3E%3C/svg%3E%0A");
            background-position: center;
            background-repeat: no-repeat;
            display: inline-block;
            width: 20px;
            height: 20px;
            min-width: 20px;
        }

        .form-accept input:checked + span::before,
        .form-checkbox input:checked + span::before {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0.5H16C17.933 0.5 19.5 2.067 19.5 4V16C19.5 17.933 17.933 19.5 16 19.5H4C2.067 19.5 0.5 17.933 0.5 16V4C0.5 2.067 2.067 0.5 4 0.5Z' stroke='%231BB319'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1381 5.86128C15.3984 6.12163 15.3984 6.54374 15.1381 6.80409L8.4714 13.4708C8.21105 13.7311 7.78894 13.7311 7.5286 13.4708L4.19526 10.1374C3.93491 9.87707 3.93491 9.45496 4.19526 9.19461C4.45561 8.93426 4.87772 8.93426 5.13807 9.19461L8 12.0565L14.1953 5.86128C14.4556 5.60093 14.8777 5.60093 15.1381 5.86128Z' fill='%231BB319'/%3E%3C/svg%3E%0A");
        }

        .form-radio input + span::before {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10C0.5 4.7533 4.7533 0.5 10 0.5Z' fill='white'/%3E%3Cpath d='M10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10C0.5 4.7533 4.7533 0.5 10 0.5Z' stroke='%23CED4DA'/%3E%3C/svg%3E%0A");
        }

    .form-radio input:checked + span::before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z' fill='%231BB319'/%3E%3Ccircle cx='10' cy='10' r='4' fill='white'/%3E%3C/svg%3E%0A");
    }

    .form-accept span a {
        font-weight: 600;
    }

        .form-accept span a:not(:hover) {
            text-decoration: underline;
        }

.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.popup-confirm {
    background: white;
    padding: 30px;
    border-radius: 12px;
    width: 420px;
    text-align: center;
}

.popup-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

/* ??????? */
.prodSlider-content {
    position: relative;
    overflow: hidden;
}

    .prodSlider-content .prodSlider-prev,
    .prodSlider-content .prodSlider-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }

.prodSlider-prev {
    left: 12px;
}

.prodSlider-next {
    right: 12px;
}

.slider-next,
.slider-prev {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.80);
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
}

.slider-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.9788 13.957L8.021 9.99927L11.9788 6.0415' stroke='%23757575' stroke-width='0.824534' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.slider-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.02075 13.957L11.9785 9.99927L8.02075 6.0415' stroke='%23757575' stroke-width='0.824534' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.prodSlider {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .prodSlider .swiper-slide {
        display: flex;
        align-items: center;
        overflow: hidden;
    }

        .prodSlider .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

.btn-more {
    margin: 40px auto 0;
    padding: 10px;
    gap: 10px;
    color: #1BB319;
    text-transform: none;
    font-size: 16px;
}

    .btn-more::after {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1.5 1.5L5.5 5.5L9.5 1.5' stroke='%232D9BD6' stroke-width='1.5'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        width: 9px;
        height: 7px;
        min-width: 9px;
    }

.slider-navigations {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
}

.slider-navigations-prev,
.slider-navigations-next {
    width: 40px;
    height: 40px;
    min-width: 40px;
    background-color: #F7F7F7;
}

.slider-navigations-steps {
    color: #B5B5B5;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

    .slider-navigations-steps span {
        font-size: 32px;
        color: #1BB319;
        font-weight: 600;
    }

ul.check-list li {
    position: relative;
    display: flex;
    align-items: start;
    gap: 10px;
}

    ul.check-list li img {
        width: 24px;
        min-width: 24px;
        height: auto;
        margin-top: -2px;
    }

    ul.check-list li + li {
        margin-top: 20px;
    }

p > a {
    color: #1BB319;
}

    p > a:hover {
        text-decoration: underline;
    }

.custom-list li {
    padding-left: 34px;
    position: relative;
}

    .custom-list li::before {
        content: '';
        position: absolute;
        top: 7px;
        left: 10px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #757575;
    }

.hover-info {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 10;
}

.hover-info-content {
    position: absolute;
    top: 100%;
    display: none;
    right: auto;
    max-width: calc(100vw - 40px);
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    padding: 10px;
    z-index: 10;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
}

    .hover-info-content p {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

    .hover-info-content.align-right {
        left: auto;
        transform: none;
        right: 0;
    }

    .hover-info-content.align-left {
        left: 0;
        transform: none;
        right: auto;
    }

.hover-info:hover .hover-info-content {
    display: flex;
}

.hover-info-btn {
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1_45828)'%3E%3Cpath d='M10.625 13.75V8.75H8.125V10H9.375V13.75H7.5V15H12.5V13.75H10.625Z' fill='%23757575'/%3E%3Cpath d='M10 5C9.81458 5 9.63332 5.05498 9.47915 5.158C9.32498 5.26101 9.20482 5.40743 9.13386 5.57873C9.06291 5.75004 9.04434 5.93854 9.08051 6.1204C9.11669 6.30225 9.20598 6.4693 9.33709 6.60041C9.4682 6.73152 9.63525 6.82081 9.8171 6.85699C9.99896 6.89316 10.1875 6.87459 10.3588 6.80364C10.5301 6.73268 10.6765 6.61252 10.7795 6.45835C10.8825 6.30418 10.9375 6.12292 10.9375 5.9375C10.9375 5.68886 10.8387 5.4504 10.6629 5.27459C10.4871 5.09877 10.2486 5 10 5Z' fill='%23757575'/%3E%3Cpath d='M16.25 17.5H3.75C3.4186 17.4996 3.10087 17.3678 2.86654 17.1335C2.6322 16.8991 2.50038 16.5814 2.5 16.25V3.75C2.50038 3.4186 2.6322 3.10087 2.86654 2.86654C3.10087 2.6322 3.4186 2.50038 3.75 2.5H16.25C16.5814 2.50038 16.8991 2.6322 17.1335 2.86654C17.3678 3.10087 17.4996 3.4186 17.5 3.75V16.25C17.4996 16.5814 17.3678 16.8991 17.1335 17.1335C16.8991 17.3678 16.5814 17.4996 16.25 17.5ZM3.75 3.75V16.25H16.25V3.75H3.75Z' fill='%23757575'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_45828'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.title-icon {
    display: inline-block;
    width: 32.435px;
    height: 21.457px;
    position: relative;
}

    .title-icon::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='25' viewBox='0 0 47 25' fill='none'%3E%3Cpath d='M23.4119 23.4082C24.0522 18.5942 25.8544 13.8694 26.593 9.07137C26.8351 7.49866 27.5612 5.83925 27.5612 4.27394' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M44.5178 18.3848C42.9149 14.0728 41.3119 9.76083 39.709 5.44886' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M3.3725 11.2461C7.35269 9.48111 10.2348 6.68842 13.8494 4.60203C15.2197 3.81104 16.5669 2.93364 17.5704 1.95286' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: -25px;
        right: 0;
        width: 44px;
        height: 21px;
        transform: rotate(-144.28deg);
    }

@media (max-width: 1280px) {
    .container {
        max-width: 1024px;
    }

    h1,
    .title {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .breadcrumbs {
        padding-top: 110px;
    }

    .container {
        max-width: 768px;
    }

    .title,
    h1 {
        font-size: 32px;
    }

    .title-icon::before {
        top: -14px;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 480px;
    }

    .breadcrumbs {
        padding-top: 73px;
        padding-bottom: 30px;
    }

    .title-2 {
        font-size: 28px;
    }

    .title-icon {
        width: 27px;
    }

        .title-icon::before {
            top: -3px;
            width: 31.119px;
            height: 15.027px;
        }
}

@media (max-width: 480px) {
    .container {
        max-width: 390px;
    }
}

/* header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: white;
    transition: all .1s ease;
}

    .header.header-scrolled {
        background-color: #fff;
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
    }

.header__login,
.header__burger {
    display: none;
}

.header__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    padding: 10px 0;
}

.header__logo {
    display: flex;
    align-items: start;
    width: 100%;
    max-width: 143px;
}

    .header__logo img {
        width: 100%;
    }

.header__content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex: 1 1 auto;
}

.header__menu ul {
    display: flex;
    align-items: center;
    gap: 40px;
}

    .header__menu ul li {
        display: flex;
        align-items: center;
        position: relative;
    }

.header__menu-more,
.header__menu-link {
    font-size: 16px;
    font-weight: 600;
    transition: all .1s ease;
    margin: 0px 30px;
}

    .header__menu-link.active,
    .header__menu-link:hover {
        color: #1BB319;
    }

.header__menu-more {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header__menu-content {
    position: absolute;
    top: calc(100% + 17px);
    left: 0;
    right: 0;
    display: none;
    padding: 12px;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    width: max-content;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
}

    .header__menu-content::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 20px;
        top: -19px;
    }

    .header__menu-content a {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        transition: all .1s ease;
    }

.header__lang {
    position: relative;
}

.header__lang-content a,
.header__lang-selected {
    display: flex;
    align-items: center;
    gap: 2px;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    cursor: pointer;
}

.header__lang-content a {
    gap: 10px;
    color: #757575;
}

    .header__lang-content a img {
        max-width: 18px;
    }

.header__lang-content {
    position: absolute;
    top: calc(100% + 10px);
    left: -12px;
    display: none;
    flex-direction: column;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
    gap: 10px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
}

.header__lang.active .header__lang-content {
    display: flex;
}

.header__lang-selected img {
    margin-right: 8px;
    border-radius: 1px;
    max-width: 18px;
    height: auto;
    width: auto;
}

.header__lang-content a {
    transition: all .1s ease;
}

    .header__lang-content a:hover {
        color: #2B2B2B;
    }

.header__menu-link:hover,
.header__menu-content a:hover {
    color: #1BB319;
}

.header__menu-more::after,
.header__lang-selected::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='3' viewBox='0 0 7 3' fill='none'%3E%3Cpath d='M3.36984 2.88844L0.410493 0.351851C0.269513 0.231012 0.35497 0 0.540651 0H6.45935C6.64503 0 6.73049 0.231012 6.58951 0.351851L3.63016 2.88844C3.55526 2.95263 3.44474 2.95263 3.36984 2.88844Z' fill='%2319181D'/%3E%3C/svg%3E");
    display: inline-block;
    width: 7px;
    height: 3px;
    min-width: 7px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .1s ease;
}

.header__authorization {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header__authorization-login {
    padding: 9px 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    transition: all .1s ease;
}

    .header__authorization-login::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M8.99995 10.7608C10.6775 10.7608 12.0375 9.37063 12.0375 7.65578C12.0375 5.94094 10.6775 4.55078 8.99995 4.55078C7.32239 4.55078 5.96245 5.94094 5.96245 7.65578C5.96245 9.37063 7.32239 10.7608 8.99995 10.7608ZM8.99995 10.7608C4.94995 10.7608 4.94995 12.6143 4.94995 14.9008M8.99995 10.7608C13.05 10.8508 13.05 12.6143 13.05 14.9008' stroke='%232B2B2B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 22px;
        height: 22px;
        min-width: 18px;
        transition: all .1s ease;
    }

    .header__authorization-login:hover {
        color: #1BB319;
    }

        .header__authorization-login:hover::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M8.99922 10.7598C10.6768 10.7598 12.0367 9.36965 12.0367 7.6548C12.0367 5.93996 10.6768 4.5498 8.99922 4.5498C7.32165 4.5498 5.96172 5.93996 5.96172 7.6548C5.96172 9.36965 7.32165 10.7598 8.99922 10.7598ZM8.99922 10.7598C4.94922 10.7598 4.94922 12.6133 4.94922 14.8998M8.99922 10.7598C13.0492 10.8498 13.0492 12.6133 13.0492 14.8998' stroke='%231BB319' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
        }

.header__authorization-register {
    font-size: 14px;
    height: 36px;
    max-width: 106px;
}

.header.menu-active {
    background-color: #fff !important;
}

.header-bg {
    display: none;
    position: fixed;
    inset: 0;
    background-color: transparent;
    z-index: 70;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

    .header-bg.active {
        opacity: 1;
        pointer-events: all;
    }

@media (max-width: 768px) {
    .header-bg {
        display: flex;
        background: rgba(0, 0, 0, 0.60);
    }
}






.header__users {
    order: 3;
    display: flex;
    align-items: center;
    gap: 20px;
}

.header__notifications {
    position: relative;
}

    .header__notifications.active .header__notifications-open svg path,
    .header__notifications-open:hover svg path {
        stroke: #1BB319;
    }

.header__notifications-open svg path {
    transition: all .1s ease;
}

.header__notifications-open {
    position: relative;
}

    .header__notifications-open.notification-active::before {
        content: '';
        position: absolute;
        top: 1px;
        right: 2px;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        min-width: 7px;
        background-color: #F8BD2C;
    }

.header__notifications-content {
    position: absolute;
    top: 44px;
    right: 0;
    width: 90vw;
    max-width: 385px;
    overflow: hidden;
    max-height: 300px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
}

.header__notifications-content {
    position: absolute;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    z-index: 10;
}

.header__notifications:not(.active) .header__notifications-content {
    display: none;
}

.header__notifications-title {
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
}

    .header__notifications-title::before {
        content: '';
        width: 20px;
        height: 20px;
        min-width: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.10096 15.2C8.10096 15.2 8.9329 16 10.0422 16C11.1514 16 11.9833 15.2 11.9833 15.2M5.23591 9.82699C5.59961 9.23238 5.88245 8.64753 5.88245 8.26667V8.0772C5.88245 5.82604 7.74481 4 10.0422 4C12.3395 4 14.2018 5.82593 14.2018 8.07709V8.26667C14.2018 8.68779 14.4232 9.21531 14.726 9.74002C15.2495 10.6471 15.5112 11.1006 15.4996 11.5171C15.4899 11.866 15.3324 12.2431 15.0898 12.4985C14.8 12.8034 14.4623 12.8983 13.7869 13.088C12.7761 13.3719 11.5079 13.6 10.0422 13.6C8.50716 13.6 7.18892 13.3499 6.15598 13.0474C5.50649 12.8573 5.18175 12.7622 4.89449 12.4504C4.66318 12.1993 4.50215 11.7927 4.50002 11.4545C4.49738 11.0344 4.74356 10.6319 5.23591 9.82699Z' stroke='%23757575' stroke-linecap='round'/%3E%3C/svg%3E");
        background-size: contain;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
    }

.header__notifications-block {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    overflow: auto;
}

.header__notifications-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header__notifications-start {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.header__notifications-image {
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
}

.header__user-image {
    display: flex;
    align-items: center;
}

.header__user-image-img {
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    min-width: 40px;
    overflow: hidden;
}

    .header__user-image-img img,
    .header__notifications-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.header__notifications-date {
    font-size: 8px;
    color: #757575;
    text-align: right;
    margin-left: auto;
    max-width: max-content;
    width: 100%;
}

.header__notifications-message {
    font-size: 12px;
}

    .header__notifications-message a:not(:hover) {
        text-decoration: underline;
        color: #757575;
    }

.header__notifications-bottom {
    padding: 12px;
}

.header__notifications-all {
    font-size: 10px;
    font-weight: 600;
}

.header__user {
    margin-left: 10px;
}

.header__users-mail {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .header__users-mail span {
        position: absolute;
        top: -4px;
        right: -5px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 50%;
        background-color: #F8BD2C;
        height: 14px;
        min-width: 14px;
        color: #000;
        font-size: 9px;
        font-weight: 600;
        box-sizing: content-box;
        padding: 1px;
    }

    .header__users-mail svg path {
        transition: all .1s ease;
    }

    .header__users-mail:hover svg path {
        fill: #fff;
        stroke: #1BB319;
    }

.header__user-open {
    position: relative;
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
}

.header__user-open-image {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.header__user-open img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.user-online::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #5DA83F;
    border: 1px solid #fff;
    width: 8px;
    height: 8px;
    min-width: 8px;
}

.header__user-content {
    position: absolute;
    top: 89px;
    right: 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    padding: 12px;
    display: none;
    width: 100%;
    max-width: 253px;
    max-height: calc(90vh - 50px);
    overflow: visible;
}

.header__user.active .header__user-content {
    display: flex;
    flex-direction: column;
}

.header__user-info {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header__user-image {
    width: 40px;
    height: 40px;
    min-width: 40px;
    position: relative;
}

    .header__user-image.user-online::after {
        bottom: 1px;
        right: 1px;
    }

.header__user-name {
    font-weight: 600;
    max-width: 140px;
}

.header__user-status {
    margin-top: 20px;
    border-radius: 50px;
    background: #F0F0F0;
    display: flex;
    align-items: center;
    padding: 2px;
}

    .header__user-status button {
        cursor: default;
        max-width: 100%;
        text-align: center;
        height: 28px;
        border: 1px solid transparent;
        text-transform: none;
        color: #757575;
        font-weight: 400;
        font-size: 14px;
    }

        .header__user-status button.active {
            border-color: #1BB319;
            border-radius: 50px;
            background-color: #fff;
            color: #2B2B2B;
        }

.header__user-box {
    margin-top: 2px;
}

.header__user-block {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.header__user-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 0;
    transition: all .2s ease;
    font-size: 14px;
}

    .header__user-btn:hover {
        color: #1BB319;
    }

        .header__user-btn:hover svg path[fill] {
            fill: #1BB319;
        }

        .header__user-btn:hover svg path[stroke] {
            stroke: #1BB319;
        }

.header__user-block:not(:last-of-type) {
    border-bottom: 1px solid #E0E0E0;
}

.header__user-block:last-of-type {
    padding-bottom: 0;
}

.header__user-block .header__lang {
    padding: 8px 0;
}

.header__user-block .header__lang-content {
    top: -4px;
}

.header__user-block .header__lang-selected::after {
    content: none;
}

.header__user-premium {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    gap: 0;
    padding: 0;
}

    .header__user-premium::before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 18.7197C20.4183 18.7197 24 17.6004 24 16.2197C24 14.839 20.4183 13.7197 16 13.7197C11.5817 13.7197 8 14.839 8 16.2197C8 17.6004 11.5817 18.7197 16 18.7197Z' fill='%23BE7676'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 11.2197L12 17.2197L16 11.2197L20 17.2197L24 11.2197V22.7197C24 22.7197 20 24.2466 16 24.2466C12 24.2466 8 22.7197 8 22.7197L8 11.2197Z' fill='%23FB9821'/%3E%3Cpath d='M16 10.2197V7.71973M12 10.2197L10.5 7.71973' stroke='%235DA83F' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20 10.2197L21.5 7.71973' stroke='%235DA83F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .header__user-premium span {
        margin-left: 8px;
        display: inline-block;
        font-size: 10px;
        font-weight: 600;
        line-height: 18px;
        color: #757575;
    }

.header__user-link {
    font-size: 12px;
    color: #757575;
}

.header__menu-btn {
    gap: 10px;
    padding: 10px 20px;
    font-size: 14px;
}

.header-authorized .header__inner {
    gap: 30px;
}

.header-authorized .header__content {
    margin-left: auto;
}

.header__menu ul li.active .header__menu-content {
    display: flex;
}

@media (max-width: 1280px) {
    .header__logo {
        max-width: 120px;
    }

    .header__inner {
        padding: 15px 0;
    }

    .header__content {
        gap: 40px;
    }
}

@media (min-width: 1025px) {
    .header__menu ul li:hover .header__menu-more {
        color: #1BB319;
    }

        .header__menu ul li:hover .header__menu-more::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='3' viewBox='0 0 7 3' fill='none'%3E%3Cpath d='M3.36984 2.88844L0.410493 0.351851C0.269513 0.231012 0.35497 0 0.540651 0H6.45935C6.64503 0 6.73049 0.231012 6.58951 0.351851L3.63016 2.88844C3.55526 2.95263 3.44474 2.95263 3.36984 2.88844Z' fill='%231BB319'/%3E%3C/svg%3E");
        }

    .header__menu ul li:hover .header__menu-content {
        display: flex;
    }
}

@media (max-width: 1024px) {
    .header__inner {
        position: relative;
        justify-content: center;
    }

    .header__content {
        position: absolute;
        top: 84px;
        background-color: #fff;
        border-radius: 0 0 10px 0;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
        left: -20px;
        flex-direction: column;
        align-items: start;
        max-width: 400px;
        padding: 20px;
        display: none;
        max-height: calc(90vh - 84px);
        overflow-y: auto;
        overflow-x: hidden;
        gap: 40px;
        width: 100%;
    }

    .header__login {
        display: flex;
        width: 43px;
        height: 36px;
        min-width: 43px;
    }

    .header__burger {
        width: 16px;
        height: 16px;
        min-width: 16px;
        display: flex;
    }

        .header__burger.active svg:nth-of-type(1),
        .header__burger svg:nth-of-type(2) {
            display: none;
        }

        .header__burger.active svg:nth-of-type(2) {
            display: inline-block;
        }

    .header__logo {
        margin-right: auto;
    }

    .header__content.active {
        display: flex;
    }

    .header__menu ul {
        flex-direction: column;
        align-items: start;
        gap: 40px;
    }

        .header__menu ul li {
            align-items: start;
            flex-direction: column;
        }

    .header__menu-content {
        position: initial;
        margin-top: 10px;
        box-shadow: none;
    }

        .header__menu-content a {
            font-size: 14px;
        }

    .header__authorization-login {
        display: none;
    }
}

@media (max-width: 768px) {
    .header__inner {
        padding: 10px 0;
    }

    .header-authorized .header__inner {
        gap: 20px;
    }

    .header__logo {
        max-width: 89px;
        margin-bottom: -5px;
    }

    .header__content {
        top: 53px;
    }

    .header__notifications {
        position: initial;
    }

    .header__user {
        margin-left: 0;
    }

    .header__notifications-content {
        top: 53px;
        border-radius: 0 0 10px 10px;
    }

    .header__user-content {
        top: 53px;
        right: -20px;
        border-radius: 0 0 0 10px;
    }
}

@media (max-width: 480px) {
}

/* hero */
.hero {
    padding: 96px 0 0;
    overflow: hidden;
}

.hero__inner {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
    position: relative;
    z-index: 1;
}

    .hero__inner::before {
        content: '';
        position: absolute;
        z-index: -1;
        border-radius: 619px;
        width: 619px;
        height: 472.251px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
        top: -33px;
        left: -380px;
    }

    .hero__inner::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 475px;
        height: 362.39px;
        border-radius: 475px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
        right: -226px;
        bottom: -132px;
    }

.hero__content {
    margin-top: 103px;
    position: relative;
}

.hero__title {
    font-size: 56px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

    .hero__title::before {
        content: '';
        position: absolute;
        z-index: -1;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='66' viewBox='0 0 112 66' fill='none'%3E%3Cpath d='M6.7915 9.03906C15.3572 19.2439 32.8402 39.3547 32.8402 39.3547' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M41.2295 15.3574C40.3925 18.2437 39.7622 27.171 40.8361 24.3643' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M65.7051 2.43768C58.7263 14.4685 52.1887 27.1287 47.2136 40.1326C46.9281 40.8786 44.7599 45.2515 45.655 44.0585C49.4967 38.9385 55.0833 31.5 60.5693 30.4887C66.0553 29.4774 73.548 29.2147 77.5656 34.6737C81.5833 40.1326 78.9906 48.5 79.0889 47.2402C79.1872 45.9804 78.7025 54.8409 74.0833 56C69.4641 57.1591 68.5891 53.6944 72.0682 51.1113C77.0166 47.4373 79.9343 45.7317 85.9073 46.8529C94.1708 48.404 98.6108 59.9029 93.9926 64.1345' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M74.4497 8.83486C70.2516 9.05681 67.7576 15.6887 66.485 19.015' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
        width: 111.492px;
        height: 63.885px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        right: -7px;
        top: -49px;
    }

.hero__descr {
    font-size: 24px;
    margin-top: 20px;
}

.hero__image {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 661px;
}

    .hero__image img {
        width: 100%;
    }

.hero__buttons {
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
}

@media (max-width: 1280px) {
    .hero {
        padding: 120px 0 80px;
    }

    .hero__inner {
        align-items: center;
    }

    .hero__content {
        margin-top: 0;
    }

    .hero__title {
        font-size: 48px;
    }

    .hero__image {
        max-width: 460px;
        transform: translateY(80px);
    }
}

@media (max-width: 1024px) {
    .hero__inner {
        align-items: end;
    }

    .hero__title {
        font-size: 42px;
    }

    .hero__descr {
        font-size: 20px;
    }

    .hero__buttons {
        flex-direction: column;
        align-items: start;
    }

    .hero__image {
        position: absolute;
        right: 0;
        max-width: 330px;
    }

    .hero__content {
        max-width: 500px;
    }

    .hero__title::before {
        right: 33px;
        top: -39px;
    }
}

@media (max-width: 768px) {
    .hero {
        padding: 130px 0 0;
    }

    .hero__inner::before {
        top: -94px;
        left: -329px;
    }

    .hero__inner {
        flex-direction: column;
        gap: 27px;
    }

    .hero__image {
        position: initial;
        transform: none;
        margin: 0;
        max-width: 100%;
    }

    .hero__title::before {
        right: initial;
        top: -39px;
        width: 90px;
        height: 51.57px;
        left: 339px;
    }

    .hero__buttons {
        margin-top: 40px;
    }

    .hero__btn {
        max-width: 100%;
    }

    .hero__inner::after {
        right: -90px;
        bottom: -97px;
        width: 236px;
        height: 180px;
    }
}

@media (max-width: 480px) {
    .hero__title::before {
        left: 209px;
    }
}

/* howitwork */
.howitwork {
    margin-top: 72px;
}

.howitwork__top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    max-width: 1193px;
    width: 100%;
}

.howitwork__descr {
    width: 100%;
    max-width: 309px;
}

.howitwork__title {
    margin-top: 4px;
    position: relative;
    max-width: max-content;
    z-index: 1;
}

    .howitwork__title::before {
        content: '';
        position: absolute;
        z-index: -1;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='44' viewBox='0 0 49 44' fill='none'%3E%3Cpath d='M29.6621 12.3203C26.332 15.8551 22.1105 18.6392 18.7099 22.1036C17.5952 23.2392 16.037 24.1627 15.1232 25.4336' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M9.59253 4.08008C8.37677 8.51678 7.161 12.9535 5.94524 17.3902' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M38.8318 33.8945C34.5698 33.004 30.5995 33.589 26.4468 33.1729C24.8724 33.0152 23.2664 32.9411 21.8791 33.1516' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
        width: 48px;
        height: 43px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        right: -64px;
        top: -45px;
    }

.howitwork__block {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.9706fr 1fr 1fr 1fr;
    gap: 50px;
    margin-top: 50px;
}

    .howitwork__block::after {
        position: absolute;
        z-index: -1;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1359' height='103' viewBox='0 0 1359 103' fill='none'%3E%3Cpath d='M0.5 1C216 1 231.321 101.5 339 101.5C446.679 101.5 527.247 1 691 1C854.753 1 915.624 91.5 1025 91.5C1134.38 91.5 1273.5 22.5 1363 22.5' stroke='%23E0E0E0' stroke-width='2' stroke-dasharray='10 10'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 1362.5px;
        height: 100.5px;
        top: 66px;
        left: 10px;
        max-width: 108%;
    }

.howitwork__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
}

    .howitwork__item:nth-of-type(2n) {
        margin-top: 94px;
    }

.howitwork__item-top {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.howitwork__item-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 17px;
    color: #1BB319;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

    .howitwork__item-step::after {
        content: '';
        display: inline-block;
        width: 48px;
        height: 48px;
        min-width: 48px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='48' viewBox='0 0 49 48' fill='none'%3E%3Ccircle opacity='0.4' cx='24.5' cy='24' r='24' fill='%23DBF3DA'/%3E%3Ccircle cx='24.5' cy='24' r='15' fill='%231BB319'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.howitwork__item-image {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 200px;
}

    .howitwork__item-image img {
        width: 100%;
    }

.howitwork__item-title {
    font-size: 20px;
}

.howitwork__item-descr {
    color: #757575;
    max-width: 254px;
}

.howitwork.howitworkpage {
    margin: 0;
    padding: 0 0 120px;
    position: relative;
    z-index: 1;
}

.howitworkpage::after,
.howitworkpage::before {
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: 362px;
    opacity: 0.1;
    background: #1BB319;
    filter: blur(100px);
}

.howitworkpage::before {
    width: 271px;
    height: 362px;
    border-radius: 362px;
    left: 50px;
    top: 232px;
    transform: rotate(-18.171deg);
}

.howitworkpage::after {
    width: 271px;
    height: 362px;
    border-radius: 362px;
    right: -271px;
    top: 473px;
    transform: rotate(-18.171deg);
}

.howitworkpage .howitwork__title,
.howitworkpage .howitwork__descr {
    max-width: 100%;
    text-align: center;
}

    .howitworkpage .howitwork__title::before {
        content: none;
    }

.howitworkpage .howitwork__descr {
    margin-top: 10px;
}

.howitwork__btn {
    margin: 90px auto 0;
    height: 56px;
    max-width: 208px;
}

@media (max-width: 1280px) {
    .howitwork__item:nth-of-type(2n) {
        margin-top: 80px;
    }

    .howitwork__block::after {
        top: 60px;
        max-width: 107%;
    }
}

@media (max-width: 1024px) {
    .howitwork__block::after {
        content: none;
    }

    .howitwork__block {
        grid-template-columns: 1fr 1fr;
        gap: 60px;
    }

    .howitwork__item-top {
        flex-direction: row;
        align-items: center;
    }

    .howitwork__item:nth-of-type(2n) {
        margin-top: 0;
    }

    .howitwork__item-descr {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .howitwork {
        margin-top: 80px;
    }

    .howitwork__top {
        flex-direction: column;
        align-items: start;
    }

    .howitwork__item-top {
        gap: 23px;
        align-items: start;
    }

    .howitwork__title {
        margin-top: 0;
    }

        .howitwork__title::before {
            content: none;
        }

    .howitwork__block {
        grid-template-columns: 1fr;
    }

    .howitwork__item-step {
        flex-direction: row-reverse;
        margin-top: 20px;
    }

    .howitwork__item-image {
        max-width: 100px;
    }

    .howitwork__item:first-of-type .howitwork__item-image {
        max-width: 118px;
        margin-bottom: -22px;
    }

    .howitworkpage::before {
        content: none;
    }

    .howitworkpage::after {
        width: 317.624px;
        height: 326.191px;
        transform: rotate(33.905deg);
        border-radius: 326.191px;
        top: 230px;
        right: -292px;
    }

    .howitwork__btn {
        margin: 40px auto 0;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .howitwork__descr {
        max-width: 263px;
    }
}

/* bestway */
.bestway {
    margin-top: 108px;
}

.bestway__inner {
    display: flex;
    align-items: center;
    gap: 75px;
}

.bestway__image {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 580px;
}

    .bestway__image img {
        width: 100%;
    }

.bestway__content {
    width: 100%;
    max-width: 640px;
}

.bestway__descr,
.bestway__title {
    max-width: 527px;
    width: 100%;
    position: relative;
}

    .bestway__title::before {
        content: '';
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='67' viewBox='0 0 200 67' fill='none'%3E%3Cpath opacity='0.1' d='M1.66797 34.2165C13.2964 13.2853 38.5105 -12.0574 62.9506 9.1948C76.4833 20.9624 83.6015 54.4499 63.6889 64.4066C56.5695 67.9665 56.445 59.6578 57.454 55.2183C59.2862 47.1563 64.8971 40.6289 71.8927 36.4316C89.5011 25.8667 103.64 42.8706 118.408 49.6397C137.577 58.4252 166.114 59.2584 185.926 51.9368C203.049 45.609 191.876 44.9187 180.347 39.7951C171.58 35.8987 190.878 40.7661 193.638 41.9281C197.105 43.3883 200.573 42.2125 197.329 45.4558C191.834 50.9507 186.507 57.5067 181.824 63.7503' stroke='%231C1C1C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        width: 196.955px;
        height: 64.104px;
        transform: rotate(156.828deg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        right: -113px;
        top: -14px;
    }

.bestway__descr {
    margin-top: 30px;
}

.bestway__block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 60px;
    margin-top: 40px;
    max-width: 568px;
    width: 100%;
}

.bestway__item-num {
    color: #1BB319;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}

.bestway__item-descr {
    margin-top: 10px;
    color: #4C4C4C;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .bestway__inner {
        flex-direction: column;
    }

    .bestway__image {
        max-width: 360px;
    }

    .bestway__title::before {
        right: -113px;
        top: -74px;
    }
}

@media (max-width: 768px) {
    .bestway {
        margin-top: 80px;
    }

    .bestway__title::before {
        content: none;
    }

    .bestway__block {
        gap: 40px 20px;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .bestway__item-descr {
        font-size: 14px;
    }
}

/* jointour */
.jointour {
    margin-top: 110px;
}

.jointour__inner {
    padding: 60px;
    border-radius: 25px;
    background: #FFFEFC;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .jointour__inner::before,
    .jointour__inner::after {
        content: '';
        position: absolute;
        z-index: -1;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .jointour__inner::before {
        border-radius: 275.856px;
        width: 264px;
        height: 275.856px;
        bottom: -190px;
        left: -102px;
    }

    .jointour__inner::after {
        border-radius: 475px;
        width: 475px;
        height: 341.186px;
        bottom: -176px;
        right: -90px;
    }

.jointour__block {
    display: flex;
    gap: 60px;
    margin-top: 30px;
}

.jointour__item {
    position: relative;
    padding-left: 40px;
    width: 100%;
}

.jointour__item-icon {
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    min-width: 28px;
    top: 0;
    display: flex;
    align-items: center;
    left: 0;
}

    .jointour__item-icon img {
        width: 100%;
    }

.jointour__item-descr {
    margin-top: 10px;
    color: #757575;
    font-size: 14px;
}

.jointour__btn {
    margin-top: 30px;
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .jointour__block {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .jointour {
        margin-top: 80px;
    }

    .jointour__inner {
        padding: 60px 20px;
        margin: 0 -20px;
    }

    .jointour__block {
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 480px) {
}

/* getmatched */
.getmatched {
    margin-top: 110px;
}

.getmatched__inner {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.getmatched__content {
    width: 100%;
    max-width: 636px;
}

.getmatched__title {
    max-width: 519px;
    position: relative;
}

    .getmatched__title::before {
        content: '';
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='25' viewBox='0 0 46 25' fill='none'%3E%3Cpath d='M23.3274 23.457C23.9677 18.6431 25.7699 13.9182 26.5085 9.1202C26.7506 7.54749 27.4767 5.88807 27.4767 4.32276' stroke='%23F8BD2C' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M44.4331 18.4316C42.8302 14.1197 41.2273 9.8077 39.6244 5.49573' stroke='%23F8BD2C' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M3.28809 11.293C7.26828 9.52799 10.1504 6.73529 13.765 4.64891C15.1353 3.85792 16.4825 2.98051 17.486 1.99973' stroke='%23F8BD2C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
        width: 44.433px;
        height: 21.457px;
        transform: rotate(-133deg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        top: -9px;
        right: 34px;
    }

.getmatched__descr {
    margin-top: 30px;
}

.getmatched__buttons {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.getmatched__image {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 493px;
}

    .getmatched__image img {
        width: 100%;
    }

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .getmatched__buttons {
        flex-direction: column;
        align-items: start;
    }

    .getmatched__title::before {
        top: -10px;
        right: 4px;
    }
}

@media (max-width: 768px) {
    .getmatched {
        margin-top: 80px;
    }

    .getmatched__inner {
        flex-direction: column-reverse;
        gap: 70px;
    }

    .getmatched__btn {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
}

/* seoblock */
.seoblock {
    margin-top: 110px;
}

.seoblock__content {
    position: relative;
    overflow: hidden;
}

    .seoblock__content.seoblock-more::after {
        content: '';
        position: absolute;
        background: #FFF;
        filter: blur(25px);
        height: 33px;
        width: 200%;
        left: 50%;
        bottom: -90px;
        transform: translateX(-50%);
        right: 0;
        bottom: -20px;
        pointer-events: none;
    }

.seoblock__title {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.seoblock__descr {
    font-size: 14px;
    color: #757575;
}

    .seoblock__descr + .seoblock__descr {
        margin-top: 10px;
    }

.seoblock__content.seoblock-more .seoblock__descr:not(:first-of-type) {
    display: none;
}

.seoblock__more {
    padding: 12px 0;
    margin-top: 20px;
}

    .seoblock__more:hover {
        text-decoration: underline;
    }

.seoblock__content:not(.seoblock-more) + .seoblock__more {
    display: none;
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    .seoblock {
        margin-top: 80px;
    }

    .seoblock__content.seoblock-more {
        max-height: 226px;
    }

        .seoblock__content.seoblock-more::after {
            height: 139px;
            bottom: -90px;
        }
}

@media (max-width: 480px) {
}

/* faq */
.faq {
    margin-top: 120px;
}

.faq__inner {
    position: relative;
    z-index: 1;
    padding: 80px 0;
    display: flex;
    gap: 30px;
    max-width: 1164px;
}

    .faq__inner::before,
    .faq__inner::after {
        content: '';
        z-index: -1;
        position: absolute;
    }

    .faq__inner::before {
        top: 8px;
        left: -403px;
        border-radius: 619px;
        border: 1px solid #757575;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
        width: 619px;
        height: 567.482px;
    }

    .faq__inner::after {
        width: 349.5px;
        height: 156.257px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='352' height='159' viewBox='0 0 352 159' fill='none'%3E%3Cpath opacity='0.1' d='M1 151.9C17.7648 149.422 56.3853 146.645 56.3853 121.767C56.3853 107.758 39.9931 107.583 33.4673 117.947C27.8677 126.841 27.3802 149.014 39.6212 153.385C66.0833 162.836 94.3337 153.089 119.41 144.367C156.021 131.632 193.283 104.274 213.841 70.7318C221.827 57.7017 246.721 1.98332 212.143 1.02276C157.312 -0.500427 146.663 74.8016 168.111 112.748C177.098 128.649 198.663 138.818 215.963 141.29C235.073 144.02 264.527 129.63 268.271 109.035C271.351 92.0976 252.758 98.7542 248.43 109.884C242.084 126.203 256.692 138.196 271.773 138.531C296.453 139.08 316.113 125.233 332.463 107.974C337.288 102.881 346.912 89.2687 348.484 82.1909C349.915 75.7539 349.661 79.7626 348.697 84.1007C347.794 88.1648 350.5 92.2726 350.5 96.5146C350.5 98.0063 348.591 88.7585 348.591 86.0105C348.591 72.942 331.087 83.5908 323.763 85.0556' stroke='%231C1C1C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        top: 42px;
        right: -282px;
        transform: rotate(-167.336deg);
    }

.faq__content {
    width: 100%;
    max-width: 497px;
}

.faq__title {
    position: relative;
}

    .faq__title::before {
        content: '';
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='25' viewBox='0 0 47 25' fill='none'%3E%3Cpath d='M23.5376 1.55859C24.1779 6.37257 25.9801 11.0974 26.7187 15.8954C26.9608 17.4681 27.6869 19.1276 27.6869 20.6929' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M44.6431 6.58203C43.0402 10.894 41.4373 15.206 39.8343 19.5179' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M3.49854 13.7207C7.47873 15.4857 10.3608 18.2784 13.9754 20.3648C15.3457 21.1558 16.6929 22.0332 17.6965 23.0139' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 44.434px;
        height: 21.457px;
        top: -32px;
        left: -20px;
        transform: rotate(-33.842deg);
    }

.faq__descr {
    margin-top: 20px;
}

.faq__block {
    width: 100%;
    max-width: 636px;
}

.faq__item {
    padding: 30px 0;
    border-bottom: 1px solid #CFCFCF;
    width: 100%;
}

.faq__item-title {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    cursor: pointer;
    word-break: break-word;
}

    .faq__item-title::after {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        min-width: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 0L6 12M0 6H12' stroke='%231BB319' stroke-width='2'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.faq__item-descr {
    margin-top: 20px;
    display: none;
    color: #757575;
    font-weight: 600;
    word-break: break-word;
}

.faq__item.active .faq__item-descr {
    display: inline-block;
}

.faq__item.active .faq__item-title::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='2' viewBox='0 0 12 2' fill='none'%3E%3Cpath d='M0 1L12 1' stroke='%23F8BD2C' stroke-width='2'/%3E%3C/svg%3E");
}

@media (max-width: 1280px) {
    .faq__inner::after {
        top: -38px;
    }
}

@media (max-width: 1024px) {
    .faq__content {
        max-width: 260px;
    }

    .faq__inner {
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .faq__inner {
        flex-direction: column;
    }

        .faq__inner::after {
            content: none;
        }
}

@media (max-width: 480px) {
}

.footer-margin {
    margin-top: 120px;
}

.footer {
    padding: 40px 0 20px;
    background-color: #5A9463;
    position: relative;
    z-index: 0;
}

.footer__inner {
    display: flex;
    align-items: start;
    gap: 40px;
    justify-content: space-between;
    padding-bottom: 60px;
    margin-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.footer__logo {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 160px;
}

.footer__name {
    margin-bottom: 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .footer__menu li a {
        display: flex;
        align-items: center;
        max-width: max-content;
        color: #FFF;
        font-size: 14px;
    }

        .footer__menu li a:hover {
            text-decoration: underline;
        }

.footer__copy {
    text-align: center;
    color: hsla(0, 0%, 100%, 0.6);
    font-size: 11px;
    font-weight: 300;
}

.footer__socials {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    align-items: center;
    max-width: max-content;
}

    .footer__socials a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media (max-width: 1280px) {
    .footer__socials {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .footer__inner {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .footer__logo {
        grid-row: span 2;
    }
}

@media (max-width: 768px) {
    .footer-margin {
        margin-top: 80px;
    }

    .footer__inner {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        padding-bottom: 40px;
    }

    .footer__logo {
        grid-row: auto;
        grid-column: span 2;
    }
}

/* scrollup */
.scrollup {
    display: none;
}

@media (max-width: 768px) {
    .scrollup {
        display: flex;
        position: fixed;
        z-index: 90;
        bottom: 20px;
        right: 20px;
        background-color: #D2EFD1;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 12.2071C4.90237 11.8166 4.90237 11.1834 5.29289 10.7929L11.2929 4.79289C11.6834 4.40237 12.3166 4.40237 12.7071 4.79289L18.7071 10.7929C19.0976 11.1834 19.0976 11.8166 18.7071 12.2071C18.3166 12.5976 17.6834 12.5976 17.2929 12.2071L13 7.91421L13 19.5C13 20.0523 12.5523 20.5 12 20.5C11.4477 20.5 11 20.0523 11 19.5L11 7.91421L6.70711 12.2071C6.31658 12.5976 5.68342 12.5976 5.29289 12.2071Z' fill='%231BB319'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px;
        width: 70px;
        min-width: 70px;
        height: 70px;
        border-radius: 100px;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);
        opacity: 0;
        pointer-events: none;
    }

        .scrollup.active {
            opacity: 1;
            pointer-events: all;
        }
}



/* authorization */
.authorization {
    padding: 120px 0 50px;
    position: relative;
    z-index: 1;
    min-height: 100vh;
}

    .authorization::before,
    .authorization::after {
        content: '';
        position: absolute;
        z-index: -1;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .authorization::before {
        width: 619px;
        height: 472.251px;
        border-radius: 619px;
        top: 62px;
        left: -309px;
    }

    .authorization::after {
        width: 475px;
        height: 362.39px;
        border-radius: 475px;
        top: 375px;
        right: -158px;
    }

.authorization__inner {
    min-height: 781px;
    overflow: hidden;
    display: flex;
    position: relative;
    margin: 0 auto;
    max-width: 1077px;
    width: 100%;
    border-radius: 25px;
    background: #FFF;
    filter: drop-shadow(0 9px 28px rgba(0, 0, 0, 0.05)) drop-shadow(0 6px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 3px 6px rgba(0, 0, 0, 0.12));
}

.authorization__info {
    width: 100%;
    max-width: 512px;
    padding: 60px 40px;
    background-color: #FCFAF8;
    background-image: url('../img/authorization-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.authorization__title {
    max-width: 392px;
    font-size: 32px;
}

.authorization__list {
    margin-top: 30px;
    max-width: 312px;
}

.authorization__content {
    width: 100%;
    max-width: 565px;
    padding: 60px 56.5px;
}

.authorization__name {
    color: rgba(0, 0, 0, 0.85);
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}

.authorization__choose-descr {
    font-size: 14px;
    line-height: 14px;
    color: rgba(134, 142, 150, 1);
    margin-top: 24px;
}

.authorization__choose-select {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.authorization__choose-btn {
    border-radius: 5px;
    background: #fff;
    padding: 16px 50px 16px 20px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    position: relative;
    border: 1px solid #1BB319;
}

    .authorization__choose-btn h3 {
        color: #112327;
        font-family: "Reddit Sans", sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }

    .authorization__choose-btn p {
        text-transform: none;
        font-size: 12px;
        color: #000;
        font-weight: 400;
        text-align: left;
    }

    .authorization__choose-btn::after {
        content: '';
        position: absolute;
        z-index: 1;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='13' viewBox='0 0 28 13' fill='none'%3E%3Cpath d='M28 6.5L18 0.726496L18 12.2735L28 6.5ZM0 6.5L8.74228e-08 7.5L19 7.5L19 6.5L19 5.5L-8.74228e-08 5.5L0 6.5Z' fill='%231BB319'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        height: 28px;
        width: 28px;
        min-width: 28px;
        opacity: 0;
        transition: all .2s ease;
    }

    .authorization__choose-btn:hover::after {
        opacity: 1;
    }

    .authorization__choose-btn:hover {
        background: rgba(42, 179, 37, 0.20);
    }

.authorization__choose-already {
    margin-top: 30px;
}

.authorization__restore-name,
.authorization__form-already,
.authorization__choose-already {
    text-align: center;
    color: #19181D;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

    .authorization__restore-name a,
    .authorization__form-already a,
    .authorization__choose-already a {
        font-weight: 600;
    }

.authorization__restore:not(.active),
.authorization__form-type:not(.active),
.authorization__form:not(.active),
.authorization__choose:not(.active) {
    display: none;
}

.authorization__form-person {
    display: flex;
    align-items: center;
    gap: 10px 24px;
    flex-wrap: wrap;
}

.authorization__form-type {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.authorization__form-block input {
    margin-top: 8px;
    height: 34px;
    padding: 7px 11px;
    font-size: 14px;
}

.authorization__form-block .form-selects {
    margin-top: 16px;
    max-width: 100%;
}

.authorization__form-btn {
    height: 48px;
    font-size: 14px;
    margin-top: 30px;
    max-width: 100%;
    border-radius: 50px;
}

    .authorization__form-btn.is-disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .authorization__form-btn + .authorization__form-btn {
        margin-top: 0;
    }

.authorization__form-more {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    line-height: 18px;
    color: #2B2B2B;
    margin-top: 16px;
}

    .authorization__form-more::before,
    .authorization__form-more::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #E7E7E7;
        display: inline-block;
    }

.authorization__form-google {
    height: 48px;
    max-width: 300px;
    margin: 16px auto;
    border-radius: 50px;
    border: 1px solid #E7E7E7;
    font-size: 14px;
    color: #121212;
    gap: 16px;
}

    .authorization__form-google::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8723 6.13645C11.8723 5.711 11.8341 5.30191 11.7632 4.90918H6.1123V7.23009H9.3414C9.20231 7.9801 8.77958 8.61555 8.14413 9.04101V10.5465H10.0832C11.2178 9.50192 11.8723 7.96373 11.8723 6.13645Z' fill='%232D9BD6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.11183 12.0001C7.73183 12.0001 9.09002 11.4629 10.0827 10.5465L8.14365 9.04105C7.60638 9.40105 6.9191 9.61378 6.11183 9.61378C4.5491 9.61378 3.22637 8.55832 2.75455 7.14014H0.75V8.69469C1.73727 10.6556 3.76637 12.0001 6.11183 12.0001Z' fill='%235DA83F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75504 7.14022C2.63504 6.78022 2.56686 6.39567 2.56686 6.00022C2.56686 5.60476 2.63504 5.22021 2.75504 4.86021V3.30566H0.750488C0.344123 4.11567 0.112305 5.03203 0.112305 6.00022C0.112305 6.9684 0.344123 7.88477 0.750488 8.69477L2.75504 7.14022Z' fill='%23FBBC05'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.11183 2.38637C6.99274 2.38637 7.78365 2.6891 8.40547 3.28364L10.1264 1.56273C9.08729 0.594547 7.7291 0 6.11183 0C3.76637 0 1.73727 1.34455 0.75 3.30546L2.75455 4.86001C3.22637 3.44183 4.5491 2.38637 6.11183 2.38637Z' fill='%23EA4335'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .authorization__form-google:hover {
        background-color: #F8F9FA;
    }

.authorization__form-already {
    margin-top: 0;
}

.authorization__form-info {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 10px;
}

.authorization__form-forgot {
    font-size: 14px;
    color: #2B2B2B;
    line-height: 18px;
    text-transform: none;
}

    .authorization__form-forgot:not(:hover) {
        text-decoration: underline;
    }

.authorization__restore-back {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #2B2B2B;
    font-size: 14px;
    margin-bottom: 24px;
}

    .authorization__restore-back::before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M0.646447 3.64645C0.451184 3.84171 0.451184 4.15829 0.646447 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646447 3.64645ZM1 4V4.5H12V4V3.5H1V4Z' fill='%232B2B2B'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
        min-width: 12px;
    }

.authorization__form-descr,
.authorization__restore-descr {
    margin-top: 24px;
}

.authorization__form-code {
    display: grid;
    grid-template-columns: repeat(6, 40px);
    gap: 12px;
}

    .authorization__form-code input {
        text-align: center;
        height: 72px;
    }

.authorization__form-password {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 8px;
    height: 34px;
}

.pasword-show {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.8738 10.0092L14.2634 10.3226L13.8738 10.0092ZM13.8738 7.99038L13.4842 8.30378L13.8738 7.99038ZM4.12695 10.0092L3.73736 10.3226L4.12695 10.0092ZM4.12695 7.99038L3.73736 7.67698L4.12695 7.99038ZM3.60039 8.9998H3.10039H3.60039ZM13.5968 3.69625C13.7921 3.50099 14.1087 3.50099 14.3039 3.69625C14.4992 3.89151 14.4992 4.2081 14.3039 4.40336L13.9504 4.0498L13.5968 3.69625ZM4.40445 14.3029C4.20919 14.4981 3.8926 14.4981 3.69734 14.3029C3.50208 14.1076 3.50208 13.791 3.69734 13.5957L4.05089 13.9493L4.40445 14.3029ZM6.97525 13.0621C6.72582 12.9436 6.61965 12.6453 6.73813 12.3959C6.8566 12.1465 7.15485 12.0403 7.40429 12.1588L7.18977 12.6104L6.97525 13.0621ZM12.5445 7.26264C12.3473 7.0693 12.3442 6.75273 12.5376 6.55556C12.7309 6.3584 13.0475 6.3553 13.2446 6.54864L12.8946 6.90564L12.5445 7.26264ZM9.41475 10.9763C9.14433 11.0322 8.87978 10.8583 8.82388 10.5879C8.76797 10.3175 8.94187 10.0529 9.21229 9.99703L9.31352 10.4867L9.41475 10.9763ZM10.0092 9.2017C10.064 8.93105 10.3278 8.75607 10.5985 8.81087C10.8691 8.86568 11.0441 9.12951 10.9893 9.40016L10.4993 9.30093L10.0092 9.2017ZM9.00039 13.0498V12.5498C9.89739 12.5498 10.7719 12.1526 11.5635 11.5753C12.3516 11.0006 13.0168 10.2769 13.4842 9.69583L13.8738 10.0092L14.2634 10.3226C13.7659 10.9411 13.0382 11.7376 12.1527 12.3833C11.2706 13.0265 10.1909 13.5498 9.00039 13.5498V13.0498ZM9.00039 4.9498V5.4498C8.1034 5.4498 7.22886 5.84706 6.43731 6.42426C5.64918 6.99897 4.984 7.72267 4.51654 8.30378L4.12695 7.99038L3.73736 7.67698C4.23484 7.05856 4.96263 6.26197 5.84812 5.61627C6.73017 4.97307 7.80989 4.4498 9.00039 4.4498V4.9498ZM13.8738 10.0092L13.4842 9.69583C13.864 9.22376 13.9004 9.14626 13.9004 8.9998H14.4004H14.9004C14.9004 9.56304 14.5858 9.92192 14.2634 10.3226L13.8738 10.0092ZM13.8738 7.99038L14.2634 7.67698C14.5858 8.07769 14.9004 8.43657 14.9004 8.9998H14.4004H13.9004C13.9004 8.85335 13.864 8.77585 13.4842 8.30378L13.8738 7.99038ZM4.12695 10.0092L3.73736 10.3226C3.41502 9.92192 3.10039 9.56304 3.10039 8.9998H3.60039H4.10039C4.10039 9.14626 4.1368 9.22376 4.51654 9.69583L4.12695 10.0092ZM4.12695 7.99038L4.51654 8.30378C4.1368 8.77585 4.10039 8.85335 4.10039 8.9998H3.60039H3.10039C3.10039 8.43657 3.41502 8.07769 3.73736 7.67698L4.12695 7.99038ZM9.00039 7.48105V7.98105C8.42898 7.98105 7.97147 8.44031 7.97147 8.9998H7.47147H6.97147C6.97147 7.88174 7.883 6.98105 9.00039 6.98105V7.48105ZM7.18977 12.6104L7.40429 12.1588C7.92144 12.4044 8.45706 12.5498 9.00039 12.5498V13.0498V13.5498C8.27656 13.5498 7.5941 13.356 6.97525 13.0621L7.18977 12.6104ZM13.8738 7.99038L13.4842 8.30378C13.2281 7.98539 12.9107 7.62177 12.5445 7.26264L12.8946 6.90564L13.2446 6.54864C13.6446 6.94085 13.9883 7.33492 14.2634 7.67698L13.8738 7.99038ZM11.9282 6.072L11.6292 6.47276C10.8213 5.86999 9.92285 5.4498 9.00039 5.4498V4.9498V4.4498C10.224 4.4498 11.3309 5.00254 12.2272 5.67124L11.9282 6.072ZM13.9504 4.0498L14.3039 4.40336L12.2818 6.42555L11.9282 6.072L11.5746 5.71844L13.5968 3.69625L13.9504 4.0498ZM6.07258 11.9276L6.42614 12.2812L4.40445 14.3029L4.05089 13.9493L3.69734 13.5957L5.71903 11.5741L6.07258 11.9276ZM4.12695 10.0092L4.51654 9.69583C4.97068 10.2604 5.6119 10.9601 6.37157 11.5269L6.07258 11.9276L5.7736 12.3284C4.92206 11.6931 4.22108 10.9239 3.73736 10.3226L4.12695 10.0092ZM11.9282 6.072L12.2818 6.42555L10.4314 8.27586L10.0779 7.92231L9.72434 7.56875L11.5746 5.71844L11.9282 6.072ZM10.0779 7.92231L9.7267 8.27821C9.54042 8.09439 9.28452 7.98105 9.00039 7.98105V7.48105V6.98105C9.55699 6.98105 10.0626 7.20475 10.4291 7.56641L10.0779 7.92231ZM10.0779 7.92231L10.4314 8.27586L8.27645 10.4309L7.92289 10.0773L7.56934 9.72375L9.72434 7.56875L10.0779 7.92231ZM7.92289 10.0773L8.27645 10.4309L6.42614 12.2812L6.07258 11.9276L5.71903 11.5741L7.56934 9.72375L7.92289 10.0773ZM7.47147 8.9998H7.97147C7.97147 9.28137 8.08622 9.53602 8.27408 9.7214L7.92289 10.0773L7.5717 10.4332C7.20196 10.0684 6.97147 9.56067 6.97147 8.9998H7.47147ZM9.31352 10.4867L9.21229 9.99703C9.61438 9.9139 9.92904 9.59763 10.0092 9.2017L10.4993 9.30093L10.9893 9.40016C10.829 10.192 10.2056 10.8128 9.41475 10.9763L9.31352 10.4867Z' fill='%23ADB5BD'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    min-width: 18px;
    background-position: center;
    background-repeat: no-repeat;
    right: 12px;
    transition: none;
}

    .pasword-show.active {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M10.874 5.90855L10.4844 5.59515L10.4844 5.59515L10.874 5.90855ZM1.12715 3.8897L1.51674 4.20309L1.51674 4.20309L1.12715 3.8897ZM10.874 3.8897L10.4844 4.20309L10.4844 4.20309L10.874 3.8897ZM1.12715 5.90855L1.51674 5.59515L1.51674 5.59515L1.12715 5.90855ZM6.00059 8.94912V9.44912C7.19108 9.44912 8.2708 8.92585 9.15286 8.28266C10.0383 7.63695 10.7661 6.84037 11.2636 6.22194L10.874 5.90855L10.4844 5.59515C10.017 6.17626 9.35179 6.89996 8.56367 7.47466C7.77211 8.05187 6.89758 8.44912 6.00059 8.44912V8.94912ZM6.00059 0.849121V0.349121C4.81009 0.349121 3.73037 0.872389 2.84831 1.51559C1.96282 2.16129 1.23503 2.95788 0.737554 3.5763L1.12715 3.8897L1.51674 4.20309C1.9842 3.62198 2.64938 2.89828 3.4375 2.32358C4.22906 1.74637 5.10359 1.34912 6.00059 1.34912V0.849121ZM10.874 5.90855L11.2636 6.22194C11.586 5.82124 11.9006 5.46235 11.9006 4.89912H11.4006H10.9006C10.9006 5.04558 10.8642 5.12308 10.4844 5.59515L10.874 5.90855ZM10.874 3.8897L10.4844 4.20309C10.8642 4.67516 10.9006 4.75267 10.9006 4.89912H11.4006H11.9006C11.9006 4.33589 11.586 3.977 11.2636 3.5763L10.874 3.8897ZM1.12715 5.90855L1.51674 5.59515C1.137 5.12308 1.10059 5.04558 1.10059 4.89912H0.600586H0.100586C0.100586 5.46235 0.415215 5.82124 0.737554 6.22194L1.12715 5.90855ZM1.12715 3.8897L0.737554 3.5763C0.415215 3.97701 0.100586 4.33589 0.100586 4.89912H0.600586H1.10059C1.10059 4.75267 1.13699 4.67516 1.51674 4.20309L1.12715 3.8897ZM6.00059 3.38037V2.88037C4.88319 2.88037 3.97166 3.78105 3.97166 4.89912H4.47166H4.97166C4.97166 4.33962 5.42917 3.88037 6.00059 3.88037V3.38037ZM6.00059 0.849121V1.34912C6.89758 1.34912 7.77211 1.74637 8.56367 2.32358C9.35179 2.89828 10.017 3.62198 10.4844 4.20309L10.874 3.8897L11.2636 3.5763C10.7661 2.95788 10.0383 2.16129 9.15286 1.51559C8.2708 0.872389 7.19108 0.349121 6.00059 0.349121V0.849121ZM6.00059 8.94912V8.44912C5.10359 8.44912 4.22906 8.05187 3.4375 7.47466C2.64938 6.89996 1.9842 6.17626 1.51674 5.59515L1.12715 5.90855L0.737554 6.22194C1.23503 6.84037 1.96282 7.63695 2.84831 8.28266C3.73037 8.92585 4.81009 9.44912 6.00059 9.44912V8.94912ZM6.00059 6.41797V5.91797C5.42921 5.91797 4.97166 5.45866 4.97166 4.89912H4.47166H3.97166C3.97166 6.01715 4.88315 6.91797 6.00059 6.91797V6.41797ZM6.00059 6.41797V6.91797C7.11789 6.91797 8.02971 6.01737 8.02971 4.89922H7.52971H7.02971C7.02971 5.45863 6.57208 5.91797 6.00059 5.91797V6.41797ZM6.00059 3.38037V3.88037C6.57204 3.88037 7.02971 4.33976 7.02971 4.89922H7.52971H8.02971C8.02971 3.78111 7.11794 2.88037 6.00059 2.88037V3.38037Z' fill='%2319181D'/%3E%3C/svg%3E");
    }

    .pasword-show + input {
        margin: 0;
        padding-right: 30px;
    }

.authorization__restore-methods {
    margin-top: 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
}

.authorization__restore-reset {
    margin-top: 48px;
    max-width: 100%;
    font-size: 14px;
    border-radius: 50px;
}

.authorization-register .authorization__content {
    padding: 33px 56.5px;
}

@media (max-width: 1280px) {
    .authorization__inner {
        min-height: 700px;
    }
}

@media (max-width: 1024px) {
    .authorization__info {
        max-width: 340px;
    }

    .authorization-register .authorization__content {
        padding: 33px 40px;
    }

    .authorization__content {
        padding: 60px 40px;
    }
}

@media (max-width: 768px) {
    .authorization {
        padding: 90px 0 40px;
    }

    .authorization__inner {
        min-height: auto;
    }

    .authorization__info {
        display: none;
    }

    .authorization-register .authorization__content,
    .authorization__content {
        padding: 33px 28px 44px;
        max-width: 100%;
    }

    .authorization__form-block .form-selects {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .authorization__form-code {
        grid-template-columns: repeat(6, 1fr);
    }

        .authorization__form-code input {
            padding: 0;
        }
}

/* asd */
.notfoudpage {
    position: relative;
    z-index: 1;
}

.notfoudpage-404 {
    background: linear-gradient(0deg, rgba(248, 189, 44, 0.05) 25.59%, rgba(42, 179, 37, 0.10) 96.09%);
}

.notfoudpage__inner {
    padding: 140px 0 40px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 40px;
}

.notfoudpage-404::before {
    content: '';
    position: absolute;
    z-index: -1;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='1441' height='277' viewBox='0 0 1441 277' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11_8960)'%3E%3Cpath opacity='0.2' d='M0.972656 11.541C0.972656 11.541 174.06 -20.5162 456.515 65.1666C803.506 170.426 1050.51 -62.7454 1440.94 17.9769C1440.94 97.2575 2012.47 347.133 1440.97 258.133C869.473 169.133 329.241 173.274 0.972656 247.403V11.541Z' fill='%23EBE2CB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_8960'%3E%3Crect width='1440' height='276' fill='white' transform='translate(0.986328 0.816406)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 700px;
}

.notfoudpage__title {
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.notfoudpage__num {
    color: #F8BD2C;
    font-family: 'Karmela', sans-serif;
    font-size: 200px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-top: 40px;
}

.notfoudpage__image {
    margin: 0 auto;
    width: 100%;
    max-width: 444px;
}

    .notfoudpage__image img {
        width: 100%;
    }

.notfoudpage__name {
    margin-top: 20px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.notfoudpage__descr {
    color: #000;
    text-align: center;
    font-size: 16px;
    max-width: 494px;
    margin: 20px auto 0;
    width: 100%;
}

.notfoudpage__btn {
    margin: 20px auto 0;
}

.notfoudpage__support {
    color: #000;
    font-size: 14px;
    text-align: center;
}

.notfoudpage-500::before,
.notfoudpage-500::after {
    opacity: 0.1;
    background: #1BB319;
    filter: blur(100px);
    position: absolute;
    content: '';
    z-index: -1;
}

.notfoudpage-500::before {
    width: 619px;
    height: 472.251px;
    border-radius: 619px;
    top: 0;
    left: -270px;
}

.notfoudpage-500::after {
    width: 475px;
    height: 362px;
    border-radius: 475px;
    top: 312px;
    right: -197px;
}

.notfoudpage__bg {
    position: absolute;
    z-index: -1;
    display: flex;
    align-items: center;
}

    .notfoudpage__bg img {
        width: 100%;
    }

    .notfoudpage__bg:nth-of-type(1) {
        max-width: 684px;
        width: 47.5vw;
        top: 236px;
        right: -123px;
        min-width: 216px;
    }

    .notfoudpage__bg:nth-of-type(2) {
        max-width: 566px;
        width: 39.3vw;
        bottom: 0;
        right: -31px;
    }

    .notfoudpage__bg:nth-of-type(3) {
        max-width: 624px;
        width: 33.2vw;
        top: 444px;
        left: -102px;
        min-width: 216px;
    }

.notfoudpage-500 .notfoudpage__image {
    max-width: 360px;
    margin-bottom: 50px;
}

.notfoudpage-500 .notfoudpage__title {
    color: #000;
    font-size: 96px;
    font-weight: 600;
    line-height: normal;
}

.notfoudpage-500 .notfoudpage__name {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 1280px) {
    .notfoudpage-500 .notfoudpage__image {
        max-width: 260px;
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .notfoudpage-500 .notfoudpage__inner {
        padding-top: 76px;
        gap: 200px;
    }

    .notfoudpage__inner {
        padding: 100px 0 32px;
    }

    .notfoudpage-404::before {
        top: 284px;
        transform: translateX(-50%);
        height: 150.467px;
    }

    .notfoudpage__title {
        font-size: 18px;
    }

    .notfoudpage__num {
        margin-top: 30px;
        font-size: 120px;
    }

    .notfoudpage__name {
        margin-top: 30px;
    }

    .notfoudpage-500 .notfoudpage__image {
        max-width: 180px;
        margin-bottom: 90px;
    }

    .notfoudpage__bg:nth-of-type(1) {
        max-width: 684px;
        width: 47.5vw;
        top: 257px;
        right: -20px;
        min-width: 216px;
    }

    .notfoudpage__bg:nth-of-type(2) {
        display: none;
    }

    .notfoudpage__bg:nth-of-type(3) {
        max-width: 624px;
        width: 33.2vw;
        top: 0;
        left: 0;
        min-width: 216px;
        bottom: -480px;
    }

    .notfoudpage-500 .notfoudpage__title {
        font-size: 72px;
    }

    .notfoudpage-500 .notfoudpage__name {
        font-size: 20px;
    }

    .notfoudpage-500 .notfoudpage__descr {
        font-size: 14px;
        margin-top: 20px;
    }

    .notfoudpage__btn {
        min-width: 157px;
        margin-top: 30px;
    }

    .notfoudpage-500::before {
        width: 619px;
        height: 200px;
        border-radius: 619px;
        top: 26px;
        left: -309px;
    }

    .notfoudpage-500::after {
        content: none;
    }
}





/* faqPage */
.faqPage {
    padding: 177px 0 80px;
    position: relative;
    z-index: 1;
}

    .faqPage::before,
    .faqPage::after {
        content: '';
        position: absolute;
        z-index: -1;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .faqPage::before {
        width: 619px;
        height: 472.251px;
        border-radius: 619px;
        top: 62px;
        left: -309px;
    }

    .faqPage::after {
        width: 475px;
        height: 362.39px;
        border-radius: 475px;
        top: 375px;
        right: -158px;
    }

.faqPage__inner {
    display: flex;
    align-items: start;
    gap: 60px;
    justify-content: space-between;
}

.faqPage__title {
    position: relative;
    word-break: break-word;
}

    .faqPage__title::before {
        content: '';
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='25' viewBox='0 0 47 25' fill='none'%3E%3Cpath d='M23.5376 1.55859C24.1779 6.37257 25.9801 11.0974 26.7187 15.8954C26.9608 17.4681 27.6869 19.1276 27.6869 20.6929' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M44.6431 6.58203C43.0402 10.894 41.4373 15.206 39.8343 19.5179' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M3.49854 13.7207C7.47873 15.4857 10.3608 18.2784 13.9754 20.3648C15.3457 21.1558 16.6929 22.0332 17.6965 23.0139' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 44.434px;
        height: 21.457px;
        top: -32px;
        left: -20px;
        transform: rotate(-33.842deg);
    }

.faqPage__content {
    width: 100%;
    max-width: 497px;
}

.faqPage__descr {
    margin-top: 20px;
    word-break: break-word;
}

.faqPage__select {
    margin-top: 20px;
    padding: 20px 0 20px 19px;
    border-left: 1px solid rgba(142, 156, 142, 0.30);
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
}

.faqPage__select-btn {
    gap: 10px;
    max-width: 100%;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
    text-align: left;
}

    .faqPage__select-btn::after {
        content: none;
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.5999 16.8008L14.3999 12.0008L9.5999 7.20078' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .faqPage__select-btn.active,
    .faqPage__select-btn:hover {
        color: #1BB319;
    }

        .faqPage__select-btn.active::after {
            content: '';
        }

.faqPage__box {
    width: 100%;
    max-width: 754px;
}

.faqPage__block {
    max-width: 100%;
}

.faqPage__result-title {
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    word-break: break-word;
}

.faqPage__result:not(.active) {
    display: none;
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .faqPage__content {
        max-width: 260px;
    }
}

@media (max-width: 768px) {
    .faqPage {
        padding-top: 100px;
    }

        .faqPage::before {
            top: 72px;
        }

        .faqPage::after {
            content: none;
        }

    .faqPage__inner {
        flex-direction: column;
        gap: 24px;
    }

    .faqPage__content {
        max-width: 100%;
    }

    .faqPage__select {
        margin-top: 24px;
    }

    .faqPage__result-title {
        display: none;
    }

    .faqPage__select-btn::after {
        transform: rotate(90deg);
    }
}

@media (max-width: 480px) {
}



.serviceRules {
    padding: 177px 0 80px;
    position: relative;
    z-index: 1;
}

    .serviceRules::before,
    .serviceRules::after {
        content: '';
        position: absolute;
        z-index: -1;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .serviceRules::before {
        width: 619px;
        height: 472.251px;
        border-radius: 619px;
        top: 62px;
        left: -309px;
    }

    .serviceRules::after {
        width: 475px;
        height: 362.39px;
        border-radius: 475px;
        top: 375px;
        right: -158px;
    }

.serviceRules__inner {
    display: flex;
    align-items: start;
    gap: 60px;
    justify-content: space-between;
}

.serviceRules__content {
    width: 100%;
    max-width: 379px;
}

.serviceRules__select {
    margin-top: 20px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
    display: flex;
    flex-direction: column;
}

.serviceRules__select-title {
    padding: 20px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    cursor: pointer;
}

    .serviceRules__select-title::after {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        min-width: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 0L6 12M0 6H12' stroke='%231BB319' stroke-width='2'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.serviceRules__select-block.active .serviceRules__select-title::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='2' viewBox='0 0 12 2' fill='none'%3E%3Cpath d='M0 1L12 1' stroke='%23F8BD2C' stroke-width='2'/%3E%3C/svg%3E");
}

.serviceRules__select-content {
    display: none;
    flex-direction: column;
    gap: 12px;
    padding: 0 20px 0 19px;
    border-left: 1px solid #CED4DA;
}

.serviceRules__select-block.active .serviceRules__select-content {
    display: flex;
}

.serviceRules__select-btn {
    font-size: 13px;
    font-weight: 600;
    max-width: max-content;
}

    .serviceRules__select-btn:hover {
        color: #1BB319;
    }

.serviceRules__box {
    width: 100%;
    max-width: 857px;
}

.serviceRules__result {
    max-width: 100%;
}

    .serviceRules__result:not(.active) {
        display: none;
    }

.serviceRules-block + .serviceRules-block {
    margin-top: 20px;
}

.serviceRules-block h2 {
    font-size: 18px;
}

.serviceRules-block h3,
.serviceRules-block h2 {
    margin-bottom: 8px;
    word-break: break-word;
}

.serviceRules-block p {
    color: #757575;
    word-break: break-word;
}

.serviceRules-block .custom-list {
    margin-top: 20px;
}

    .serviceRules-block .custom-list li {
        padding-left: 21px;
        color: #757575;
        font-size: 14px;
    }

        .serviceRules-block .custom-list li::before {
            top: 7px;
            left: 10px;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background-color: #757575;
        }

.serviceRules-block .serviceRules-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.serviceRules__select-block.active:last-of-type {
    padding-bottom: 30px;
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .serviceRules__content {
        max-width: 260px;
    }
}

@media (max-width: 768px) {
    .serviceRules {
        padding-top: 100px;
    }

        .serviceRules::before {
            top: 72px;
        }

        .serviceRules::after {
            content: none;
        }

    .serviceRules__inner {
        flex-direction: column;
    }

    .serviceRules__content {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
}

/* plans */
.plans {
    position: relative;
    z-index: 1;
}

    .plans::before,
    .plans::after {
        content: '';
        position: absolute;
        z-index: -1;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .plans::before {
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
        border-radius: 362px;
        top: 510px;
        left: -136px;
    }

    .plans::after {
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
        border-radius: 362px;
        top: 104px;
        right: -197px;
    }

    .plans .breadcrumbs {
        padding-bottom: 2px;
    }

.plans__content {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    padding-right: 89px;
    position: relative;
    margin-top: 23px;
    z-index: 1;
}

.plans__block {
    max-width: 700px;
    width: 100%;
}

.plans__image {
    width: 100%;
    max-width: 400px;
}

    .plans__image img {
        width: 100%;
    }

.plans__descr {
    margin-top: 30px;
    max-width: 635px;
    color: #757575;
    font-size: 18px;
}

.plans__select {
    display: flex;
    align-items: center;
    padding: 4px;
    border-radius: 50px;
    background: #F0F0F0;
    width: 100%;
    margin: 80px auto 0;
    max-width: 306px;
}

.plans__select-btn {
    color: #757575;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50px;
    border: 2.125px solid transparent;
    text-transform: none;
    font-weight: 400;
    max-width: 100%;
    height: 40px;
    text-wrap: nowrap;
}

    .plans__select-btn.active {
        border-color: #8FCE8E;
        background: #FFF;
        font-weight: 600;
        color: #2B2B2B;
    }

.plans__result {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

    .plans__result:not(.active) {
        display: none;
    }

.plans__result-block {
    border-radius: 20px;
    border: 1px solid #CED4DA;
    background: #FFF;
    padding: 31px 24px;
    max-height: max-content;
}

.plans__result-title {
    min-height: 48px;
    text-align: center;
    color: #757575;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .plans__result-title svg {
        min-width: 48px;
        height: auto;
        margin-left: -38px;
    }

.plans__result-price {
    margin-top: 11px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    color: #4C4C4C;
    text-align: center;
}

    .plans__result-price span {
        color: #2B2B2B;
        font-size: 36px;
        font-weight: 700;
    }

.plans__result-list {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .plans__result-list li {
        font-size: 14px;
        line-height: 22px;
        color: #4C4C4C;
        display: flex;
        align-items: center;
        gap: 12px;
    }

        .plans__result-list li img {
            width: 24px;
            height: auto;
            min-width: 24px;
        }

.plans__result-btn {
    margin: 32px auto 0;
    padding: 10px 30px;
    font-size: 14px;
    min-height: 42px;
}

.plans__result-descr {
    margin-top: 32px;
    text-align: center;
    color: #212529;
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 1024px) {
    .plans__content {
        padding-right: 0;
    }

    .plans__image {
        max-width: 300px;
        bottom: 0;
        top: initial;
    }

        .plans__image::before {
            bottom: 7px;
            right: -50px;
            width: 145px;
            height: 134px;
        }

    .plans__result {
        grid-template-columns: 1fr 1fr;
    }

    .plans__select {
        margin-top: 80px;
    }

    .plans__result-block {
        padding: 19px;
        max-height: none;
    }
}

@media (max-width: 768px) {
    .plans .breadcrumbs {
        padding-bottom: 30px;
    }

    .plans__image {
        display: none;
    }

    .plans__content {
        padding: 0;
        margin: 0;
    }

    .plans__select {
        margin-top: 60px;
        padding: 3px 4px;
    }

    .plans__result {
        margin-top: 32px;
        grid-template-columns: 1fr;
    }

    .plans__result-btn {
        max-width: 100%;
    }

    .plans::before {
        width: 619px;
        height: 613.932px;
        transform: none;
        border-radius: 619px;
        top: 202px;
        left: -448px;
    }

    .plans::after {
        content: none;
    }
}

@media (max-width: 480px) {
}

/* whywe */
.whywe {
    margin-top: 120px;
}

.whywe__block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    margin-top: 40px;
}

.whywe__item {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;
}

.whywe__item-image {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 200px;
}

    .whywe__item-image img {
        width: 100%;
    }

.whywe__item-descr {
    margin-top: 10px;
    color: #757575;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .whywe__block {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .whywe {
        margin-top: 80px;
    }

    .whywe__block {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .whywe__item {
        flex-direction: row;
    }

    .whywe__item-image {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }
}

@media (max-width: 480px) {
}












@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
}







.request {
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

    .request::before,
    .request::after {
        content: '';
        position: absolute;
        z-index: -1;
        border-radius: 362px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
        border-radius: 362px;
    }

    .request::before {
        top: 175px;
        left: -120px;
    }

    .request::after {
        top: 400px;
        right: -190px;
    }

.request__inner {
    position: relative;
    z-index: 1;
}

    .request__inner::before {
        position: absolute;
        z-index: -1;
        width: 425.041px;
        height: 310.865px;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='446' height='332' viewBox='0 0 446 332' fill='none'%3E%3Cpath d='M10.4453 10.2248C10.4453 10.2248 239.385 163.868 264.145 250.538C288.904 337.208 144.473 341.148 94.9538 278.115C45.4345 215.082 307.561 124.472 435.486 136.291' stroke='%23F8BD2C' stroke-width='20' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(-42deg);
        top: 80px;
        left: 40px;
    }

.request__content {
    padding: 31px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
    width: 100%;
    max-width: 634px;
    margin: 0 auto;
}

.request__title {
    font-size: 32px;
    position: relative;
    max-width: max-content;
}

    .request__title::after {
        content: '';
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='25' viewBox='0 0 47 25' fill='none'%3E%3Cpath d='M23.5376 1.55859C24.1779 6.37257 25.9801 11.0974 26.7187 15.8954C26.9608 17.4681 27.6869 19.1276 27.6869 20.6929' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M44.6431 6.58203C43.0402 10.894 41.4373 15.206 39.8343 19.5179' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M3.49854 13.7207C7.47873 15.4857 10.3608 18.2784 13.9754 20.3648C15.3457 21.1558 16.6929 22.0332 17.6965 23.0139' stroke='%231BB319' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 44.434px;
        height: 21.457px;
        top: -18px;
        right: -30px;
        transform: rotate(46.842deg);
    }

.request__form {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.request__form-box {
    width: 100%;
    display: flex;
    gap: 24px;
    align-items: end;
}

.request__form-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
}

.request__form .request__form-block {
    gap: 0;
}

    .request__form .request__form-block .request__form-descr {
        margin-bottom: 12px;
    }

.block-filters {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: start;
}

.block-filters-search {
    margin-left: auto;
}

.sort-orders {
    color: #74767E;
    word-break: break-all;
}

.browse__select-sort {
    margin-left: auto;
}

    .browse__select-sort + .block-filters-search {
        margin: 0;
    }

.block-filters-search + .sort-content {
    margin: 0;
}

.form-search {
    min-width: 240px;
    position: relative;
    max-width: 240px;
    width: 100%;
}

    .form-search input {
        height: 36px;
    }

.form-block-icon {
    display: flex;
    pointer-events: none;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

    .form-block-icon + input {
        padding-left: 36px;
        font-size: 14px;
    }

.request__form-title {
    font-size: 20px;
}

.request__form-descr {
    color: #868E96;
    font-size: 14px;
    line-height: 16px;
    /* 133.333% */
    margin-top: 4px;
}

.request__form-inner {
    width: 100%;
}

.form-select {
    position: relative;
}

.form-select-content {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    z-index: 20;
}

.form-select.active .form-select-content {
    display: flex;
}

.form-choose-content {
    display: flex;
    flex-direction: column;
}

.form-choose-inner {
    flex: 1;
}

.form-select-title {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
    padding: 11px;
    border-radius: 4px;
    border: 1px solid #CED4DA;
    background-color: #fff;
    max-width: 100%;
    justify-content: start;
    text-align: left;
    max-height: 56px;
    text-wrap: nowrap;
    transition: all .1s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    position: relative;
    padding-right: 30px;
    min-height: 56px;
}

    .form-select-title img {
        width: 32px;
        height: auto;
        min-width: 32px;
    }

    .form-select-title::after {
        content: '';
        display: inline-block;
        width: 32px;
        min-width: 32px;
        height: 32px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none;
    }

    .form-select-title::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    }

.form-select-reset .form-select-title {
    min-height: 56px;
}

.form-select-choose .form-block-icon {
    left: 24px;
}

.form-block-icon img {
    width: 100%;
}

.form-select-title::after {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52876 5.52925C3.78911 5.2689 4.21122 5.2689 4.47157 5.52925L8.00016 9.05784L11.5288 5.52925C11.7891 5.2689 12.2112 5.2689 12.4716 5.52925C12.7319 5.7896 12.7319 6.21171 12.4716 6.47206L8.47157 10.4721C8.21122 10.7324 7.78911 10.7324 7.52876 10.4721L3.52876 6.47206C3.26841 6.21171 3.26841 5.7896 3.52876 5.52925Z' fill='%23868E96'/%3E%3C/svg%3E");
}

.form-select-choose {
    position: relative;
    padding: 12px 12px 12px;
}

    .form-select-choose input {
        padding-left: 39px;
        height: 36px;
    }

.form-choose-info {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
}

.form-choose-inner {
    position: relative;
}

    .form-choose-inner::after {
        content: '';
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 69.23%);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 66px;
        z-index: 1;
        pointer-events: none;
    }

.form-choose-start {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 365px;
    min-height: 230px;
    padding-bottom: 40px;
    overflow: auto;
    width: 100%;
}

.form-choose-checkbox {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-choose-inner {
    padding: 12px;
    overflow: hidden;
}

.form-choose-top + .form-choose-checkbox {
    gap: 8px;
    padding-left: 34px;
    margin-top: 8px;
}

.form-choose-block:not(.active) .form-choose-top + .form-choose-checkbox {
    display: none;
}

.form-choose-block.actived .form-choose-checkbox {
    display: flex !important;
}

.form-choose-block.actived .form-checkbox-title::after {
    content: none;
}

.form-choose-top {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: max-content;
}

.form-checkbox-title {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

    .form-checkbox-title::after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4712 5.52925C12.7316 5.7896 12.7316 6.21171 12.4712 6.47206L8.47124 10.4721C8.21089 10.7324 7.78878 10.7324 7.52843 10.4721L3.52843 6.47206C3.26808 6.21171 3.26808 5.7896 3.52843 5.52925C3.78878 5.2689 4.21089 5.2689 4.47124 5.52925L7.99984 9.05784L11.5284 5.52925C11.7888 5.2689 12.2109 5.2689 12.4712 5.52925Z' fill='%232B2B2B'/%3E%3C/svg%3E");
        display: inline-block;
        width: 16px;
        min-width: 16px;
        height: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .form-checkbox-title img {
        width: 20px;
        height: auto;
        min-width: 20px;
    }

.oneorder__info-list,
.browse__select-list,
.form-choose-checkboxed,
.form-select-selected {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.none {
    display: none !important;
}

.oneorder__info-list li,
.bets__item-list li,
.browse__select-list li,
.form-choose-checkboxed li,
.form-select-selected li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 100px;
    border: 1px solid rgba(42, 179, 37, 0.20);
    background: rgba(42, 179, 37, 0.20);
    line-height: 16px;
    /* 133.333% */
    word-break: break-word;
}

.bets-profile__item-list {
    margin-bottom: 5px;
}

.browse__select-list li button,
.browse__select-reset::after,
.created-date-list li button,
.form-created-reset::after,
.form-choose-checkboxed li button,
.form-select-selected li button {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52876 3.86128C3.78911 3.60093 4.21122 3.60093 4.47157 3.86128L8.00016 7.38987L11.5288 3.86128C11.7891 3.60093 12.2112 3.60093 12.4716 3.86128C12.7319 4.12163 12.7319 4.54374 12.4716 4.80409L8.94297 8.33268L12.4716 11.8613C12.7319 12.1216 12.7319 12.5437 12.4716 12.8041C12.2112 13.0644 11.7891 13.0644 11.5288 12.8041L8.00016 9.27549L4.47157 12.8041C4.21122 13.0644 3.78911 13.0644 3.52876 12.8041C3.26841 12.5437 3.26841 12.1216 3.52876 11.8613L7.05735 8.33268L3.52876 4.80409C3.26841 4.54374 3.26841 4.12163 3.52876 3.86128Z' fill='%23868E96'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.form-choose-checkboxed {
    padding: 12px;
    background: #FFF;
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.10);
    margin: 0;
    position: relative;
    z-index: 2;
}

.browse__select-bottom,
.form-choose-bottom {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    border-top: 1px solid rgba(142, 156, 142, 0.30);
}

.browse__select-reset,
.form-created-reset {
    padding: 9px 0;
    color: #757575;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
    gap: 8px;
}

.form-created-btn {
    min-height: 34px;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 24px;
}

.request__form-count {
    padding: 12px;
}

.form-amount-title {
    padding: 7px 11px;
    border-radius: 4px;
    border: 1px solid #1BB319;
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
}

    .form-select-amount .form-select-title span,
    .form-amount-title span {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        min-width: 4px;
        display: inline-block;
        background-color: #D9D9D9;
    }

.form-amount-content {
    max-height: 250px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 12px;
}

.form-amount-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.form-amount-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
}

.form-amount-count {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    max-width: 103px;
    display: flex;
    align-items: stretch;
    border: 1px solid #CED4DA;
}

.form-amount-minus,
.form-amount-plus {
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(42, 179, 37, 0.20);
    background-size: 16px;
}

.form-amount-minus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33337 8H12.6667' stroke='%231BB319' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.form-amount-plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.33337 3.66667C7.33337 3.29848 7.63185 3 8.00004 3C8.36823 3 8.66671 3.29848 8.66671 3.66667V7.66667H12.6667C13.0349 7.66667 13.3334 7.96514 13.3334 8.33333C13.3334 8.70152 13.0349 9 12.6667 9H8.66671V13C8.66671 13.3682 8.36823 13.6667 8.00004 13.6667C7.63185 13.6667 7.33337 13.3682 7.33337 13V9H3.33337C2.96518 9 2.66671 8.70152 2.66671 8.33333C2.66671 7.96514 2.96518 7.66667 3.33337 7.66667H7.33337V3.66667Z' fill='%231BB319'/%3E%3C/svg%3E");
}

.form-amount-num {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
    border-left: 1px solid #CED4DA;
    border-right: 1px solid #CED4DA;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-amount-minus.amount-hidden,
.form-amount-plus.amount-hidden {
    background-color: #F8F9FA;
}

.form-amount-minus.amount-hidden {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33337 8H12.6667' stroke='%23CED4DA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    cursor: default;
}

.form-amount-plus.amount-hidden {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.33337 3.66667C7.33337 3.29848 7.63185 3 8.00004 3C8.36823 3 8.66671 3.29848 8.66671 3.66667V7.66667H12.6667C13.0349 7.66667 13.3334 7.96514 13.3334 8.33333C13.3334 8.70152 13.0349 9 12.6667 9H8.66671V13C8.66671 13.3682 8.36823 13.6667 8.00004 13.6667C7.63185 13.6667 7.33337 13.3682 7.33337 13V9H3.33337C2.96518 9 2.66671 8.70152 2.66671 8.33333C2.66671 7.96514 2.96518 7.66667 3.33337 7.66667H7.33337V3.66667Z' fill='%23CED4DA'/%3E%3C/svg%3E");
    cursor: default;
}

.form-amount-block .form-selects {
    max-width: 103px;
}

.form-selects {
    position: relative;
    width: 100%;
}

    .form-selects input {
        max-height: 34px;
    }

.form-selects-name {
    user-select: none;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    padding: 7px 11px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
    font-size: 14px;
    line-height: 18px;
}

.form-select-icon {
    display: flex;
    pointer-events: none;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.form-selects-name::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52864 5.52925C3.78899 5.2689 4.2111 5.2689 4.47145 5.52925L8.00004 9.05784L11.5286 5.52925C11.789 5.2689 12.2111 5.2689 12.4714 5.52925C12.7318 5.7896 12.7318 6.21171 12.4714 6.47206L8.47145 10.4721C8.2111 10.7324 7.78899 10.7324 7.52864 10.4721L3.52864 6.47206C3.26829 6.21171 3.26829 5.7896 3.52864 5.52925Z' fill='%23868E96'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: auto;
}

.form-select-inner .form-select-title {
    min-height: auto;
    padding: 7px 11px;
}

.cabinet__form-block .form-selects-name {
}

.cabinet__form-lang--block .form-selects-name::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.form-selects-content {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
    z-index: 10;
    display: none;
    flex-direction: column;
    gap: 8px;
    min-width: max-content;
    padding: 8px;
    max-height: 300px;
    overflow: hidden auto;
}

.form-select-btn {
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    max-width: 100%;
}

    .form-select-btn:hover {
        color: #1BB319;
    }

.form-selects.active .form-selects-content {
    display: flex;
}

.request__form-btn {
    margin: 20px auto 0;
}

.form-select-dates .form-select-content {
    min-width: 600px;
}

.created-date-bottom {
    background: #FFF;
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
}

.created-date-top {
    padding: 12px 12px 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.created-date-info {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 4px;
    border: 1px solid #CED4DA;
    background: #FFF;
    font-size: 14px;
    color: #ADB5BD;
}

    .form-amount-title img,
    .created-date-info img {
        width: 20px;
        height: auto;
        min-width: 20px;
    }

.created-date-calendar {
    margin-top: 8px;
    border-radius: 4px;
    border: 1px solid #F1F3F5;
    background: #ffff;
    box-shadow: 0 0 4px 1px rgba(13, 21, 26, 0.15);
    padding: 12px 16px;
}

.created-calendar-name {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.created-calendar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .created-calendar-top > button {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

.created-calendar-days,
.created-calendar-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

    .created-calendar-days span,
    .created-calendar-week span {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        border-radius: 4px;
    }

    .created-calendar-days span {
        cursor: pointer;
        transition: all .2s ease;
    }

    .created-calendar-week span {
        color: #ADB5BD;
    }

    .created-calendar-days span:hover {
        background: rgba(42, 179, 37, 0.10);
    }

    .created-calendar-days span.created-calendar-selected {
        background-color: #1BB319;
        color: #fff;
    }

    .created-calendar-days span.created-calendar-active {
        background: rgba(42, 179, 37, 0.10);
        color: #2B2B2B;
    }

.created-calendar-hide,
.created-calendar-disabled {
    color: #CED4DA;
}

.created-calendar-bottom {
    margin-top: 12px;
}

.created-date-selected {
    padding: 12px;
}

.created-date-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
}

.created-date-list {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 24px;
}

    .created-date-list li label span {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        /* 133.333% */
        border-radius: 100px;
        border: 1px solid #DADBDD;
        background: #FFF;
        padding: 11px 14px;
        display: flex;
        align-items: center;
        gap: 20px;
        cursor: pointer;
    }

    .created-date-list li label button {
        display: none;
        pointer-events: none;
    }

    .created-date-list li label input:checked + span {
        border: 1px solid rgba(42, 179, 37, 0.20);
        background: rgba(42, 179, 37, 0.20);
    }

        .created-date-list li label input:checked + span button {
            display: flex;
        }


.upload-file {
    border-radius: 10px;
    border: 1px dashed #1BB319;
    background: #fff;
    max-width: 100%;
    padding: 23px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    cursor: pointer;
}

    .upload-file > input[type="file"] {
        display: flex;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 1;
        pointer-events: none;
    }

.upload-file-title {
    color: #000;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

    .upload-file-title span {
        font-weight: 600;
    }

        .upload-file-title span:not(:hover) {
            text-decoration: underline;
        }

.upload-file-descr {
    font-size: 14px;
    line-height: 16px;
    color: #868E96;
    text-align: center;
}

.upload-file-content {
    margin-top: 40px;
}

.upload-file-block + .upload-file-block {
    margin-top: 20px;
}

.upload-file-block {
    border-radius: 4px;
    border: 1px solid #CED4DA;
    background: #fff;
    display: flex;
    align-items: start;
    gap: 16px;
    position: relative;
    padding: 11px;
}

.upload-file-image {
    border: 1px solid #CED4DA;
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    .upload-file-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.upload-file-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
}

.upload-file-name {
    padding-right: 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-width: 100%;
    word-break: break-word;
}

.upload-file-size {
    color: #74767E;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
}

.upload-file-load {
    display: flex;
    align-items: center;
    gap: 20px;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.upload-file-load-line {
    height: 8px;
    overflow: hidden;
    border-radius: 100px;
    background-color: #E9ECEF;
    width: 100%;
    position: relative;
}

    .upload-file-load-line span {
        position: absolute;
        inset: 0;
        border-radius: 100px;
        background: #2B2B2B;
        transition: all 0.3s ease-out;
    }

.upload-file-delete {
    position: absolute;
    top: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.41107 4.82709C4.73651 4.50165 5.26414 4.50165 5.58958 4.82709L10.0003 9.23783L14.4111 4.82709C14.7365 4.50165 15.2641 4.50165 15.5896 4.82709C15.915 5.15252 15.915 5.68016 15.5896 6.0056L11.1788 10.4163L15.5896 14.8271C15.915 15.1525 15.915 15.6802 15.5896 16.0056C15.2641 16.331 14.7365 16.331 14.4111 16.0056L10.0003 11.5949L5.58958 16.0056C5.26414 16.331 4.73651 16.331 4.41107 16.0056C4.08563 15.6802 4.08563 15.1525 4.41107 14.8271L8.82181 10.4163L4.41107 6.0056C4.08563 5.68016 4.08563 5.15252 4.41107 4.82709Z' fill='%23868E96'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    min-width: 20px;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    right: 19px;
}

.upload-file-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

.upload-file-attach {
    max-width: 210px;
    min-height: 46px;
}

.upload-file-cancel {
    height: 46px;
}

.chat-user-attachments {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    border-radius: 5px 0 5px 5px;
    background: #FEF8EA;
}

.chat-sender {
    background: #F5F5F5;
}


.chat-user-file-block {
    display: flex;
    align-items: center;
    gap: 8px;
    align-items: start;
}

.chat-user-file-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
    background: #FFF;
    overflow: hidden;
    width: 32px;
    height: 32px;
    min-width: 32px;
}

    .chat-user-file-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.chat-user-file-name {
    color: #4C4C4C;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    word-break: break-all;
}

.chat-user-file-size {
    color: #ADB5BD;
    font-size: 8px;
    font-weight: 400;
    line-height: 16px;
    /* 200% */
}

.chat-user-attachments.only-images .chat-user-file-info {
    display: none;
}

.chat-user-file-block.single-image .chat-user-file-image {
    width: 100%;
    max-width: max-content;
    height: auto;
}

.chat-user-attachments.only-images .chat-user-file-image {
    min-width: 100%;
    height: auto;
    max-width: 400px;
}

@media (max-width: 1280px) {
    .form-search {
        min-width: auto;
        max-width: 200px;
    }
}

@media (max-width: 1024px) {
    .form-amount-block .form-selects {
        max-width: 103px !important;
    }

    .block-filters {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px 10px;
    }

    .form-selects {
        margin-left: auto;
        max-width: max-content;
    }

    .request__form-box {
        flex-direction: column;
        gap: 32px;
    }

    .request__form-block .form-selects {
        margin: 0;
        max-width: 100%;
    }

    .trips__filters.block-filters .browse__select-found,
    .trips__filters.block-filters .sort-orders {
        max-width: calc(50% - 10px) !important;
    }

    .trips__filters.block-filters .block-filters-search {
        order: 1;
        max-width: 100%;
    }
}

@media (max-width: 768px) {

    .browse__select-found,
    .sort-orders {
        max-width: calc(50% - 10px) !important;
    }

    .sort-content {
        max-width: calc(50% - 10px) !important;
    }

    .form-selects-content {
        right: 0;
        left: initial;
    }

    .form-search {
        max-width: 100%;
        margin: 0;
        order: 1;
    }

    .request__form {
        margin-top: 32px;
        gap: 32px;
    }

    .request__form-box {
        gap: 15px;
    }

    .created-date-top {
        grid-template-columns: 1fr;
    }

    .upload-file-title {
        font-size: 14px;
    }

    .form-select-dates .form-select-content {
        min-width: auto;
    }

    .request {
        padding-bottom: 80px;
    }

        .request::before,
        .request::after {
            width: 340.256px;
            height: 990.286px;
            transform: rotate(-8.567deg);
            border-radius: 990.286px;
        }

        .request::before {
            top: 428px;
            left: -450px;
        }

        .request::after {
            top: 296px;
            right: -550px;
        }
}

@media (max-width: 480px) {
}


/* browse */
.browse {
    position: relative;
    z-index: 1;
}

    .browse::after,
    .browse::before {
        content: '';
        position: absolute;
        z-index: -1;
        border-radius: 362px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
    }

    .browse::after {
        top: 300px;
        right: -148px;
    }

    .browse::before {
        top: 444px;
        left: -86px;
    }



.browse__filters {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 56px;
    gap: 16px;
    align-items: center;
}

.browse__filters-btn {
    gap: 0;
    font-size: 0;
    border-radius: 4px;
    height: 56px;
    min-width: 56px;
    width: 56px;
    padding: 0;
}

.browse__select {
    margin-top: 60px;
}

.browse__select-start {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: space-between;
}

.browse__select-found {
    color: #74767E;
}

.browse__select-sort {
    width: 100%;
    max-width: max-content;
    margin-left: auto;
}

.sort-content {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sort-title {
    color: #74767E;
    font-weight: 400;
    text-wrap: nowrap;
}

.sort-content .form-selects-name {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 16px;
}

.browse__select-more {
    gap: 10px;
    padding: 11px 30px;
    border-radius: 50px;
    background: #1BB319;
    border: 1px solid #1BB319;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

    .browse__select-more span {
        color: #FFF;
        font-size: 10px;
        font-weight: 700;
        width: 16px;
        height: 16px;
        min-width: 16px;
        border-radius: 50px;
        background: rgba(255, 255, 255, 0.30);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .browse__select-more.active {
        background: rgba(42, 179, 37, 0.20);
        color: #1BB319;
    }

        .browse__select-more.active svg path {
            stroke: #1BB319;
        }

        .browse__select-more.active span {
            background: rgba(42, 179, 37, 0.30);
        }

.browse__select-results:not(.active) {
    display: none;
}

.browse__select-results {
    margin-top: 10px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
}

.browse__select-top {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.request__form-block > .form-selects .form-selects-name {
    height: 56px;
}

.browse__select-list {
    padding: 12px;
}

.browse__select-end {
    border-radius: 0 0 10px 10px;
    background: #FFF;
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.10);
}

.browse__block {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.offer__item {
    padding: 0 !important;
    border: 0 !important;
    width: 100%;
    display: flex;
    align-items: stretch;
    border-radius: 10px;
    overflow: hidden;
}

.offer__item-image {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    min-width: 300px;
}

    .offer__item-user--image img,
    .offer__item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.offer__item-content {
    padding: 12px;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    border-radius: 0 10px 10px 0;
}

.offer__item-user--top {
    display: flex;
    align-items: center;
    gap: 32px;
}

.offer__item-user--stars {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .offer__item-user--stars .user-stars {
        gap: 4px;
    }

    .offer__item-user--stars .user-rating {
        gap: 8px;
        line-height: 12px;
        font-size: 18px;
    }

.user-rating span {
    font-size: 14px;
}

.offer__item-user--info {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.offer__item-user--info--icon {
    display: inline-block;
    background-color: #D9D9D9;
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
}

.offer__item-user--item,
.offer__item-user--icon {
    display: flex;
    align-items: center;
}

    .offer__item-user--icon > * {
        width: auto;
        height: auto;
        max-width: 20px;
        max-height: 20px;
    }

.offer__item-user--item {
    gap: 8px;
}

.offer__item-user--descr {
    color: #757575;
    font-size: 14px;
}

.offer__item-user--btn {
    max-width: 171px;
    min-height: 42px;
    padding: 5px;
    font-size: 14px;
}

.offer__item-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    align-items: center;
    gap: 0px;
    padding: 0px 11px 11px 11px;
    border-bottom: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
    margin: -5px -20px 0px -20px;
}

.offer__item-user {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
}

.offer__item-user--image {
    display: flex;
    align-items: center;
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.offer__item .offer__item-user--name h4 {
    font-size: 20px;
    transition: all .1s ease;
}

.offer__item-user--name:hover h4 {
    color: #1BB319;
}

.offer__item-user--star {
    display: flex;
    align-items: end;
    gap: 8px;
}

.offer__item .bets__item-info {
    margin-top: 12px;
}

.user-stars {
    display: flex;
    align-items: center;
    gap: 2px;
    min-height: 12px;
}

.user-rating {
    display: flex;
    align-items: end;
    gap: 8px;
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
}

    .user-rating span {
        font-weight: 400;
        color: #74767E;
    }

.offer__item {
    background-color: #fff;
}

.offer__item-send {
    font-size: 10px;
    padding: 7px 9px;
    min-height: 28px;
}

.offer__item-bottom {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.offer__item-date {
    color: #757575;
    font-size: 10px;
}

.offer__item-title h3 {
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    word-break: break-word;
    transition: all .1s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

.offer__item-title:hover h3 {
    color: #1BB319;
}

.offer__item-price {
    color: #757575;
    font-size: 12px;
}

    .offer__item-price span {
        color: #1BB319;
        font-size: 18px;
        font-weight: 700;
    }

.offer__item-message {
    word-break: break-word;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

.offer__item-btn {
    font-size: 16px;
    margin-top: 12px;
    font-weight: 600;
    line-height: 18px;
    max-width: max-content;
    text-decoration: underline;
    transition: all .1s ease;
}

    .offer__item-btn:hover {
        color: #1BB319;
    }

.browse__more {
    margin: 60px auto 40px;
}

.bets__item.offer__item .offer__item-user {
    flex-wrap: nowrap;
}

@media (max-width: 1280px) {
    .offer__item-image {
        min-width: 160px;
        width: 160px;
    }

    .browse__select-start {
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .browse__filters {
        grid-template-columns: 1fr 1fr;
    }

    .browse__filters-btn {
        width: 100%;
        max-width: 100%;
    }

    .browse__filters-btn {
        font-size: 14px;
        gap: 8px;
    }

    .browse__select-top {
        gap: 32px;
    }

    .offer__item {
        flex-direction: column;
    }

    .offer__item-content {
        border-radius: 0 0 10px 10px;
        border-top: none;
        border-left: 1px solid #E5E5E5;
    }

    .offer__item-image {
        max-width: 100%;
        width: 100%;
        height: 300px;
    }
}

@media (max-width: 768px) {

    .offer__item-top,
    .offer__item-user--top {
        align-items: start;
        flex-direction: column;
        gap: 12px;
    }

    .offer__item-user--stars {
        flex-wrap: wrap;
    }

    .offer__item .offer__item-user--name h4 {
        font-size: 18px;
    }

    .offer__item-user--btn {
        max-width: 100%;
    }

    .browse__select-top {
        gap: 24px;
    }

    .browse::before {
        top: 26px;
        left: -309px;
        width: 619px;
        height: 199.361px;
    }

    .browse__filters {
        grid-template-columns: 1fr;
    }

    .browse__select-start {
        flex-wrap: wrap;
        gap: 20px 10px;
    }

    .browse-sort-title.sort-title {
        display: none;
    }

    .browse__select-more {
        max-width: 100%;
        order: 2;
    }

    .browse__block {
        margin-top: 40px;
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .browse__more {
        margin-top: 40px;
    }

    .offer__item-user--info {
        margin-left: 10px;
    }
}

@media (max-width: 480px) {
}

/* banner */
.banner {
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin-top: 120px;
}

    .banner::before,
    .banner::after {
        content: '';
        position: absolute;
        z-index: -1;
        border: 1px solid #757575;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .banner::before {
        width: 619px;
        height: 309.008px;
        border-radius: 619px;
        top: 4px;
        left: -309px;
    }

    .banner::after {
        width: 775px;
        height: 236.869px;
        border-radius: 775px;
        right: 158px;
        bottom: -118px;
    }

.banner__inner {
    position: relative;
    z-index: 1;
    padding: 80px 0 90px;
}

.banner__content {
    width: 100%;
    max-width: 632px;
}

.banner__descr {
    margin-top: 20px;
}

.banner__btn {
    margin-top: 30px;
}

.banner__image {
    position: absolute;
    bottom: -98px;
    right: 0;
    width: 100%;
    max-width: 500px;
    display: flex;
    align-items: center;
}

    .banner__image img {
        width: 100%;
    }

@media (max-width: 1280px) {
    .banner__content {
        max-width: 480px;
    }
}

@media (max-width: 1024px) {
    .banner__content {
        max-width: 370px;
    }

    .banner__image {
        position: absolute;
        bottom: -75px;
        right: 0;
        width: 100%;
        max-width: 370px;
    }
}

@media (max-width: 768px) {
    .banner {
        margin-top: 22px;
    }

        .banner::before {
            width: 161.198px;
            height: 602.276px;
            border-radius: 602.276px;
            top: 8px;
            left: -80px;
        }

        .banner::after {
            content: none;
        }

    .banner__inner {
        flex-direction: column;
        gap: 28px;
        padding: 60px 0 403px;
    }

    .banner__image {
        left: 50%;
        transform: translateX(-50%);
        right: initial;
        bottom: 0;
        width: 100vw;
        min-width: 375px;
        max-width: 420px;
    }

    .banner__btn {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
}

/* myoffer */
.myoffer {
    padding-bottom: 140px;
    position: relative;
    z-index: 1;
}

    .myoffer::before,
    .myoffer::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 271px;
        height: 362px;
        border-radius: 362px;
        transform: rotate(-18.171deg);
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .myoffer::before {
        top: 543px;
        left: -86px;
    }

    .myoffer::after {
        right: -148px;
        top: 137px;
    }

.myoffer__top {
    display: flex;
    align-items: start;
    gap: 40px;
    justify-content: space-between;
}

.myoffer__top-image {
    display: flex;
    overflow: hidden;
    border-radius: 7px;
    align-items: center;
    width: 100%;
    max-width: 413px;
    height: 415px;
}

    .myoffer__top-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.myoffer__top-content {
    width: 100%;
    max-width: 843px;
}

.myoffer__top-start {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 11px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
}

.myoffer__top-date {
    color: #757575;
    font-size: 12px;
}

.myoffer__top-views {
    color: #757575;
    font-size: 14px;
}

.myoffer__top-title {
    font-size: 32px;
    font-weight: 700;
    margin-top: 32px;
    word-break: break-word;
}

.myoffer__top-list {
    margin-top: 32px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

    .myoffer__top-list li {
        border-radius: 100px;
        border: 1px solid rgba(42, 179, 37, 0.10);
        background: rgba(42, 179, 37, 0.10);
        padding: 9px 12px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        /* 160% */
    }

.myoffer__top-price {
    color: #757575;
    font-size: 16px;
    margin-top: 32px;
}

    .myoffer__top-price span {
        font-weight: 700;
        font-size: 24px;
        color: #1BB319;
    }

.myoffer__top-info {
    margin-top: 40px;
}

.info-inner {
    border-radius: 5px;
    border: 1px solid #F0F0F0;
    background: #FFF;
    padding: 7px 31px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
}

.info-block {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 450px;
}

.info-block-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
}

    .info-block-icon img {
        width: 100%;
        height: auto;
    }

.info-block-title {
    color: #4C4C4C;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    /* 137.5% */
}

.info-block-descr {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.info-block-user {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    width: 100%;
    max-width: 170px;
}

.info-block-user--info {
    display: flex;
    align-items: center;
    gap: 6px;
}

.info-block-user--icon {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 2px;
}

    .info-block-user--icon img {
        max-width: 100%;
        width: auto;
        height: auto;
        max-height: 100%;
    }

.info-block-user--adress {
    color: #757575;
    font-size: 14px;
}

.info-block-user--name h4 {
    transition: all .1s ease;
}

.info-block-user--name:hover h4 {
    color: #1BB319;
}

.info-block-user--image {
    display: flex;
    align-items: center;
    overflow: auto;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    min-width: 24px;
}

    .info-block-user--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.myoffer__bottom {
    margin-top: 40px;
    display: flex;
    align-items: start;
    gap: 40px;
    justify-content: space-between;
}

.myoffer___content {
    width: 100%;
    max-width: 927px;
}

.myoffer___name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
}

.myoffer___descr + .myoffer___descr {
    margin-top: 24px;
}

.myoffer__about {
    margin-top: 30px;
    padding: 19px 11px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
    width: 100%;
    max-width: 335px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.myoffer__about-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.myoffer__about-user--image {
    display: flex;
    align-items: center;
    width: 76px;
    height: 76px;
    min-width: 76px;
    border-radius: 50%;
    overflow: hidden;
}

    .myoffer__about-user--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.myoffer__about-user--name h3 {
    font-size: 20px;
    font-weight: 600;
    max-width: 137px;
    transition: all .1s ease;
}

.myoffer__about-user--name:hover h3 {
    color: #1BB319;
}

.myoffer__about-user--name h3 {
    transition: all .1s ease;
}

.myoffer__about-user--name:hover h3 {
    color: #1BB319;
}

.myoffer__about-user--star {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

    .myoffer__about-user--star .user-stars {
        gap: 4px;
    }

    .myoffer__about-user--star .user-rating {
        gap: 8px;
        line-height: 12px;
        font-size: 18px;
    }

        .myoffer__about-user--star .user-rating span {
            font-size: 12px;
        }

.myoffer__about-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.myoffer__about-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.myoffer__about-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
}

    .myoffer__about-icon > * {
        width: 100%;
        height: auto;
    }

.myoffer__about-descr {
    color: #757575;
    font-size: 14px;
}

.offer__item-user,
.offer__top-list,
.profile-about-list,
.creators__item-user--list,
.myoffer__about-list {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

    .offer__item-user--list li,
    .offer__item-user li,
    .profile-about-list li,
    .creators__item-user--list li,
    .myoffer__about-list li {
        display: flex;
        align-items: center;
        max-width: max-content;
        border-radius: 4px;
        background: rgba(224, 224, 224, 0.40);
        font-size: 12px;
        font-weight: 600;
        padding: 5px 10px;
    }


.myoffer__about-btn {
    min-height: 42px;
    padding: 5px;
    font-size: 14px;
    max-width: 100%;
}

.myoffer__manage {
    width: 100%;
    max-width: 306px;
}

.myoffer__manage-title {
    font-size: 24px;
    font-weight: 600;
}

.myoffer__manage-block {
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    padding: 11px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 14px;
}

    .myoffer__manage-block button {
        padding: 0px;
        font-size: 12px;
        font-weight: 700;
        gap: 4px;
        text-transform: none;
        min-height: 36px;
        max-width: 100%;
    }

        .myoffer__manage-block button svg {
            margin-top: -1px;
        }

.myoffer__top-image a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

@media (max-width: 1280px) {
    .myoffer__top-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .myoffer__top-image {
        height: 500px;
    }
}

@media (max-width: 1024px) {
    .myoffer__top-info {
        display: grid;
        grid-template-columns: 1fr;
        padding: 11px;
    }

    .info-block-user {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .myoffer {
        padding-bottom: 60px;
    }

    .myoffer__top {
        flex-direction: column;
    }

    .myoffer__top-image {
        height: 335px;
        max-width: 100%;
    }

    .myoffer__top-title {
        font-size: 28px;
        margin-top: 20px;
    }

    .myoffer__top-price,
    .myoffer__top-list {
        margin-top: 20px;
    }

    .myoffer__bottom {
        margin-top: 35px;
        flex-direction: column-reverse;
        gap: 50px;
    }

    .myoffer__about {
        margin-top: 0;
        max-width: 100%;
    }

    .myoffer__manage {
        max-width: 100%;
    }

    .myoffer::before {
        content: none;
    }

    .myoffer::after {
        transform: rotate(-8.567deg);
        width: 340.256px;
        border-radius: 990.286px;
        height: 990.286px;
        top: 296px;
        right: -550px;
    }
}

@media (max-width: 480px) {
}

/* popupmessage */
.popupmessage {
    position: fixed;
    inset: 0;
    overflow: auto;
    z-index: 222;
    background: rgba(19, 35, 47, 0.60);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

    .popupmessage.show {
        opacity: 1;
        pointer-events: all;
    }

.popupmessage__inner {
    position: relative;
    margin: 15% auto 2%;
    width: 100%;
    max-width: 500px;
    padding: 48px 24px 16px;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.popupmessage__close {
    position: absolute;
    top: 16px;
    right: 24px;
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52729 3.86128C3.78764 3.60093 4.20975 3.60093 4.4701 3.86128L7.9987 7.38987L11.5273 3.86128C11.7876 3.60093 12.2098 3.60093 12.4701 3.86128C12.7305 4.12163 12.7305 4.54374 12.4701 4.80409L8.94151 8.33268L12.4701 11.8613C12.7305 12.1216 12.7305 12.5437 12.4701 12.8041C12.2098 13.0644 11.7876 13.0644 11.5273 12.8041L7.9987 9.27549L4.4701 12.8041C4.20975 13.0644 3.78764 13.0644 3.52729 12.8041C3.26694 12.5437 3.26694 12.1216 3.52729 11.8613L7.05589 8.33268L3.52729 4.80409C3.26694 4.54374 3.26694 4.12163 3.52729 3.86128Z' fill='%232B2B2B'/%3E%3C/svg%3E");
}

.popupmessage__title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.popupmessage__form {
    margin-top: 24px;
}

.popupmessage__form-input {
    height: 34px;
}

.popupmessage__form-block + .popupmessage__form-block {
    margin-top: 24px;
}

.popupmessage__form-label {
    margin-bottom: 4px;
}

.popupmessage__form-textarea {
    height: 106px;
}

.popupmessage__form-btn {
    margin: 32px 0 0 auto;
    padding: 11px 42px;
    font-size: 14px;
    min-height: 42px;
    max-width: 120px;
}

.popupMessage__files {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    max-height: 230px;
    overflow: auto;
}

.popupmessage__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 21px;
    gap: 10px;
}

    .popupmessage__bottom label {
        gap: 8px;
        font-size: 14px;
        text-transform: none;
        padding: 6px 23px;
    }

    .popupmessage__bottom button {
        margin: 0;
    }

@media (max-width: 1024px) {
    .popupmessage__inner {
        margin-top: 20%;
    }
}

@media (max-width: 768px) {
    .popupmessage {
        padding-top: 60px;
    }

    .popupmessage__close {
        top: -53px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.05752 7.72451C7.57822 7.20381 8.42244 7.20381 8.94313 7.72451L16.0003 14.7817L23.0575 7.72451C23.5782 7.20381 24.4224 7.20381 24.9431 7.72451C25.4638 8.24521 25.4638 9.08943 24.9431 9.61013L17.8859 16.6673L24.9431 23.7245C25.4638 24.2452 25.4638 25.0894 24.9431 25.6101C24.4224 26.1308 23.5782 26.1308 23.0575 25.6101L16.0003 18.5529L8.94313 25.6101C8.42244 26.1308 7.57822 26.1308 7.05752 25.6101C6.53682 25.0894 6.53682 24.2452 7.05752 23.7245L14.1147 16.6673L7.05752 9.61013C6.53682 9.08943 6.53682 8.24521 7.05752 7.72451Z' fill='white'/%3E%3C/svg%3E");
        width: 32px;
        height: 32px;
        min-width: 32px;
        right: 0;
    }
}

@media (max-width: 375px) {
    .popupmessage__inner {
        margin-top: 30%;
    }

    .popupmessage__bottom label {
        padding: 6px 15px;
    }
}

.reviewPopup {
    position: fixed;
    inset: 0;
    overflow: auto;
    z-index: 222;
    background: rgba(19, 35, 47, 0.60);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

    .reviewPopup.show {
        opacity: 1;
        pointer-events: all;
    }

.reviewPopup__inner {
    position: relative;
    margin: 10% auto 2%;
    width: 100%;
    max-width: 500px;
    padding: 48px 24px 16px;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.reviewPopup__close {
    position: absolute;
    top: 16px;
    right: 24px;
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52729 3.86128C3.78764 3.60093 4.20975 3.60093 4.4701 3.86128L7.9987 7.38987L11.5273 3.86128C11.7876 3.60093 12.2098 3.60093 12.4701 3.86128C12.7305 4.12163 12.7305 4.54374 12.4701 4.80409L8.94151 8.33268L12.4701 11.8613C12.7305 12.1216 12.7305 12.5437 12.4701 12.8041C12.2098 13.0644 11.7876 13.0644 11.5273 12.8041L7.9987 9.27549L4.4701 12.8041C4.20975 13.0644 3.78764 13.0644 3.52729 12.8041C3.26694 12.5437 3.26694 12.1216 3.52729 11.8613L7.05589 8.33268L3.52729 4.80409C3.26694 4.54374 3.26694 4.12163 3.52729 3.86128Z' fill='%232B2B2B'/%3E%3C/svg%3E");
}

.reviewPopup__title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
}

.reviewPopup__name {
    margin-top: 24px;
    color: #212529;
    font-size: 16px;
    line-height: 18px;
}

.reviewPopup__descr {
    margin-top: 8px;
    color: #868E96;
    font-size: 14px;
    line-height: 16px;
}

.reviewPopup__form {
    margin-top: 8px;
}

.reviewPopup__form-textarea {
    height: 108px;
}

.reviewPopup__form-send {
    margin: 32px 0 0 auto;
    font-size: 14px;
    padding: 11px 18px;
    min-height: 42px;
}

.reviewPopup__form-rating {
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviewPopup__form-name {
    color: #212529;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
}

.reviewPopup__form-stars {
    display: flex;
    gap: 2px;
    align-items: center;
}

    .reviewPopup__form-stars label {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .reviewPopup__form-stars input {
        display: none;
    }

    .reviewPopup__form-stars svg {
        stroke: #FB9821;
        fill: transparent;
        transition: fill 0.2s ease;
    }

@media (max-width: 768px) {
    .reviewPopup {
        padding-top: 60px;
    }

    .reviewPopup__close {
        top: -53px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.05752 7.72451C7.57822 7.20381 8.42244 7.20381 8.94313 7.72451L16.0003 14.7817L23.0575 7.72451C23.5782 7.20381 24.4224 7.20381 24.9431 7.72451C25.4638 8.24521 25.4638 9.08943 24.9431 9.61013L17.8859 16.6673L24.9431 23.7245C25.4638 24.2452 25.4638 25.0894 24.9431 25.6101C24.4224 26.1308 23.5782 26.1308 23.0575 25.6101L16.0003 18.5529L8.94313 25.6101C8.42244 26.1308 7.57822 26.1308 7.05752 25.6101C6.53682 25.0894 6.53682 24.2452 7.05752 23.7245L14.1147 16.6673L7.05752 9.61013C6.53682 9.08943 6.53682 8.24521 7.05752 7.72451Z' fill='white'/%3E%3C/svg%3E");
        width: 32px;
        height: 32px;
        min-width: 32px;
        right: 0;
    }

    .reviewPopup__inner {
        margin-top: 20%;
    }
}

/* creators */

.creators {
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
}

    .creators::before,
    .creators::after {
        content: '';
        position: absolute;
        z-index: -1;
        border-radius: 362px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
        border-radius: 362px;
    }

    .creators::before {
        top: 175px;
        left: -120px;
    }

    .creators::after {
        top: 400px;
        right: -190px;
    }

.creators__content {
    display: flex;
    align-items: start;
    gap: 40px;
    justify-content: space-between;
}

.creators__left {
    width: 100%;
    max-width: 270px;
    display: flex;
    flex-direction: column;
    gap: 65px;
}

.creators__banner {
    padding: 19px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
}

.creators__banner-title {
    font-size: 24px;
}

.creators__banner-descr {
    color: #757575;
    margin-top: 18px;
}

.creators__banner-btn {
    margin-top: 20px;
    min-height: 42px;
    font-size: 14px;
    max-width: 100%;
}

.creators__top-start {
    display: flex;
    align-items: center;
    gap: 12px;
}

.creators__top-title {
    font-size: 24px;
}

.creators__top-block {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 11px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
}

.offer__top-block {
    gap: 12px;
}

.offer__top-item {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    align-self: stretch;
}

.offer__top-item--image {
    display: flex;
    align-items: center;
    height: 107px;
    width: 100%;
    min-width: 107px;
    max-width: 107px;
    overflow: hidden;
}

    .offer__top-item--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.offer__top-item--content {
    width: 100%;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    background: #FFF;
    padding: 11px 11px 11px 12px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between;
}

.offer__top-item--title h3 {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 700;
    word-break: break-word;
    transition: all .1s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

.offer__top-item--title:hover h3 {
    color: #1BB319;
}

.offer__top-item--price {
    color: #757575;
    font-size: 12px;
}

    .offer__top-item--price span {
        font-size: 14px;
        color: #1BB319;
        font-weight: 700;
    }

.creators__top-item {
    padding: 11px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
}

.creators__top-user {
    display: flex;
    align-items: center;
    gap: 6px;
}

.creators__top-user--name h4 {
    transition: all .1s ease;
}

.creators__top-user--name:hover h4 {
    color: #1BB319;
}

.creators__top-user--image {
    display: flex;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    width: 24px;
    height: 24px;
    min-width: 24px;
}

    .creators__top-user--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.creators__top-user--star {
    margin-top: 8px;
}

    .creators__top-user--star,
    .creators__top-user--star .user-stars {
        display: flex;
        align-items: center;
        gap: 6px;
    }

        .creators__top-user--star .user-rating {
            gap: 6px;
            font-size: 14px;
            line-height: normal;
        }

.creators__right {
    width: 100%;
    max-width: 966px;
}

.creators__select {
    margin-top: 120px;
}

.creators__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 32px;
}

.creators__item {
    padding: 19px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
}

.creators__item-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}

.creators__item-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.creators__item-user--image {
    width: 76px;
    height: 76px;
    min-width: 76px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

    .creators__item-user--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.creators__item-user--top {
    display: flex;
    align-items: center;
    gap: 32px;
}

.creators__item-user--name h4 {
    font-size: 20px;
    transition: all .1s ease;
}

.creators__item-user--name:hover h4 {
    color: #1BB319;
}

.creators__item-user--stars {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .creators__item-user--stars .user-stars {
        gap: 4px;
    }

    .creators__item-user--stars .user-rating {
        font-size: 18px;
    }

        .creators__item-user--stars .user-rating span {
            font-size: 12px;
        }

.creators__item-user--info {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.creators__item-user--info--icon {
    display: inline-block;
    background-color: #D9D9D9;
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
}

.creators__item-user--item,
.creators__item-user--icon {
    display: flex;
    align-items: center;
}

    .creators__item-user--icon > * {
        width: auto;
        height: auto;
        max-width: 20px;
        max-height: 20px;
    }

.creators__item-user--item {
    gap: 8px;
}

.creators__item-user--descr {
    color: #757575;
    font-size: 14px;
}

.creators__item-user--list {
    margin-top: 10px;
}

.creators__item-user--btn {
    max-width: 181px;
    min-height: 42px;
    padding: 5px;
    font-size: 14px;
}


.creators__item-bottom {
    margin-top: 20px;
    display: flex;
    align-items: start;
    gap: 40px;
    justify-content: space-between;
}

.creators__item-message {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    font-size: 14px;
    margin-top: 20px;
}

.creators__item-bottom .creators__item-message {
    margin-top: 0;
    max-width: 648px;
}

.creators__item-buttons {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.creators__item-btn {
    min-height: 32px;
    padding: 5px 12px;
    gap: 4px;
    font-size: 12px;
}

.creators__item-lang {
    width: 100%;
    max-width: 194px;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 194px;
}

.creators__item-lang--title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.profile-about-lang--block,
.creators__item-lang--block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.profile-about-lang--item,
.creators__item-lang--item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-about-lang--icon,
.creators__item-lang--icon {
    display: flex;
    align-items: center;
}

    .profile-about-lang--icon > *,
    .creators__item-lang--icon > * {
        width: auto;
        height: auto;
        max-width: 16px;
        max-height: 16px;
    }

.profile-about-lang--descr,
.profile-about-lang--name,
.creators__item-lang--descr,
.creators__item-lang--name {
    font-size: 12px;
    font-weight: 600;
}

.creators__item-lang--descr {
    color: #757575;
}

.creators__more {
    margin: 60px auto 0;
}

.creators__item-details {
    margin: 0 -20px -20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 11px 20px;
}

.creators__item-details__active {
    background: rgba(42, 179, 37, 0.10);
}

.creators__item-details:last-child {
    margin-top: 20px;
    border-top: 1px solid rgba(142, 156, 142, 0.30);
}

.creators__item-details:first-child {
    margin-bottom: 20px;
    margin-top: -20px;
    border-bottom: 1px solid rgba(142, 156, 142, 0.30);
}

.creators__item-date {
    color: #757575;
    font-size: 12px;
    font-weight: 600;
}

.creators__item-price {
    color: #1BB319;
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 1024px) {

    .creators__block .creators__item-user--top,
    .creators__block .creators__item-top {
        align-items: start;
        flex-direction: column;
        gap: 12px;
    }

    .creators__block .creators__item-user--info {
        flex-direction: column;
        align-items: start;
        margin: 0;
    }

    .creators__block .creators__item-user--list {
        margin: 0;
    }

    .creators__block .creators__item-lang,
    .creators__block .creators__item-user--info--icon {
        display: none;
    }

    .creators__block .creators__item-user--btn {
        max-width: 100%;
    }
}

@media (max-width: 768px) {

    .creators__item-user--top,
    .creators__item-top {
        align-items: start;
        flex-direction: column;
        gap: 12px;
    }

    .creators__item-user--info {
        flex-direction: column;
        align-items: start;
        margin: 0;
    }

    .creators__item-user--list {
        margin: 0;
    }

    .creators__item-lang,
    .creators__item-user--info--icon {
        display: none;
    }

    .creators__item-user--btn {
        max-width: 100%;
    }

    .creators {
        padding-bottom: 80px;
    }

        .creators::before,
        .creators::after {
            width: 619px;
            height: 621px;
            transform: none;
            border-radius: 621px;
        }

        .creators::before {
            top: 205px;
            left: -448px;
        }

        .creators::after {
            top: 40%;
            right: -484px;
        }

    .creators__content {
        flex-direction: column-reverse;
    }

    .creators__left {
        max-width: 100%;
        flex-direction: column-reverse;
        gap: 60px;
    }

    .creators__item-user--image {
        width: 76px;
        height: 76px;
        min-width: 76px;
    }

    .creators__item-message {
        max-width: 100%;
        -webkit-line-clamp: 4;
    }

    .creators__more {
        margin-top: 32px;
    }
}

@media (max-width: 480px) {
}

/* profile */
.profile {
    padding-bottom: 120px;
}

.profile__user {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.profile__top {
    min-height: 375px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    padding: 41px 20px 0 26px;
}

.profile__user::before,
.profile__user::after {
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: 400.07px;
    opacity: 0.1;
    background: #1BB319;
    filter: blur(100px);
    width: 274.213px;
    height: 400.07px;
    transform: rotate(-16.726deg);
}

.profile__user::before {
    top: 12px;
    left: -120px;
}

.profile__user::after {
    top: 12px;
    right: 109px;
}

.profile__start {
    display: flex;
    align-items: start;
    gap: 24px;
}

.profile__image {
    position: relative;
    z-index: 1;
}

.profile__image-user {
    width: 202px;
    height: 202px;
    display: flex;
    align-items: center;
    min-width: 202px;
    overflow: hidden;
    border-radius: 50%;
}

.profile__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.profile__image::before {
    content: '';
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 2px solid #1BB319;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
}

.profile__start-content {
    display: flex;
    align-items: start;
    gap: 24px;
    justify-content: space-between;
    width: 100%;
}

.profile__info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.profile__info-title {
    font-size: 32px;
    font-weight: 600;
    text-transform: none;
    line-height: 38px;
}

.profile__info-descr {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 600;
}

.profile__info-rating {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.profile__info-stars {
    display: flex;
    align-items: center;
    gap: 4px;
}

.profile__info-num {
    font-weight: 600;
    font-size: 18px;
}

.profile__info-change {
    margin-top: 12px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    background: #F0F0F0;
    padding: 2px;
    width: 100%;
    max-width: 144px;
}

.profile__info-btn {
    border: 1px solid transparent;
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    color: #757575;
    cursor: default;
    border-radius: 50px;
    max-width: 100%;
    height: 28px;
}

    .profile__info-btn.active {
        border: 1px solid #8FCE8E;
        background-color: #fff;
        color: #2B2B2B;
        font-weight: 600;
    }

.profile__about {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 415px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
    padding: 19px;
}

.profile__about-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.profile__about-descr {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #757575;
    max-width: max-content;
}

    .profile__about-descr img,
    .profile__about-descr svg {
        width: auto;
        height: auto;
        max-width: 20px;
        max-height: 20px;
    }

    .profile__about-descr::before {
        display: inline-block;
        width: 20px;
        height: 20px;
        min-width: 20px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .profile__about-descr a {
        font-size: 12px;
    }

.profile__about-company {
    align-items: start;
}

    .profile__about-company a:not(:hover) {
        text-decoration: underline;
    }

.profile__about-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 8px;
}

.profile__about-socials {
    display: flex;
    align-items: center;
    gap: 4px;
}

.profile__about-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.profile__about-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 24px;
    transition: all .2s ease;
}

    .profile__about-socials a:hover svg circle {
        fill: #1BB319;
    }

    .profile__about-socials a:hover svg path {
        stroke: #fff;
    }

    .profile__about-socials a:hover svg ellipse {
        stroke: #fff;
    }

.profile__user-client .profile__start-content {
    flex-direction: column;
}

.profile__top-selected {
    display: flex;
    align-items: center;
    order: 10;
}

.profile__top-btn {
    padding: 7px 11px;
    gap: 4px;
    color: #757575;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-transform: none;
    position: relative;
    cursor: pointer;
    z-index: 10;
}

    .profile__top-btn::after {
        content: '';
        position: absolute;
        bottom: 0px;
        height: 2px;
        left: 0;
        right: 0;
        opacity: 0;
        background-color: #1BB319;
        transition: all .2s ease;
    }

    .profile__top-btn.active::after {
        opacity: 1;
    }

    .profile__top-btn svg path {
        transition: all .2s ease;
    }

    .profile__top-btn:hover,
    .profile__top-btn.active {
        color: #1BB319;
        background: rgba(45, 155, 214, 0.10);
    }

        .profile__top-btn:hover svg path[stroke],
        .profile__top-btn.active svg path[stroke] {
            stroke: #1BB319;
        }

        .profile__top-btn:hover svg path[fill],
        .profile__top-btn.active svg path[fill] {
            fill: #1BB319;
        }

.profile__content {
    margin-top: 40px;
}

.profile-about {
    display: grid;
    grid-template-columns: 1.9455fr 1fr;
    gap: 0;
}

.profile-about-left {
    padding: 24px;
    max-width: 850px;
    width: 100%;
}

    .profile-about-left p + p {
        margin-top: 10px;
    }

.profile-about-descr + .profile-about-descr {
    margin-top: 20px;
}

.profile-about-left h4 {
    font-size: 16px;
    font-weight: 400;
}

    .profile-about-left h4:not(:first-child) {
        margin-top: 20px;
    }

.profile-about-left ul + p {
    margin-top: 20px;
}

.profile-about-left .custom-list li {
    padding-left: 30px;
}

    .profile-about-left .custom-list li::before {
        background-color: #2B2B2B;
        left: 12px;
        width: 4px;
        height: 4px;
        min-width: 4px;
    }

.profile-about-right {
    width: 100%;
    max-width: 376px;
}

.profile-about-lang,
.profile-about-info {
    padding: 24px 0;
}

.profile-about-lang--title {
    font-size: 20px;
    line-height: 24px;
}

.profile-about-lang--block {
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
}


.profile-trips {
    padding: 0 24px;
}

.profile-activity-title,
.profile-about-title,
.profile-opiniones-title,
.profile-trips-title {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.profile-trips-block {
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    align-items: stretch;
}

.trips__item {
    border-radius: 10px;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.trips__item-image {
    height: 220px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    .trips__item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all .2s ease;
    }

    .trips__item-image:hover img {
        transform: scale(1.1);
    }

.trips__item-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 0 0 10px 10px;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    background: #FFF;
    overflow: hidden;
    padding: 12px 11px 11px;
}

.trips__item-title h3 {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 100%;
    transition: all .1s ease;
}

.trips__item-title:hover h3 {
    color: #1BB319;
}

.trips__item-descr {
    margin-top: 12px;
    font-size: 14px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 100%;
    margin-bottom: 20px;
}

.trips__item-end {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.trips__item-price {
    color: #757575;
    font-size: 12px;
}

    .trips__item-price span {
        color: #1BB319;
        font-size: 18px;
        font-weight: 700;
    }

.trips__item-btn {
    min-height: 32px;
    padding: 10px 19px;
    font-size: 14px;
}



/* bets__item */
.bets__item {
    padding: 19px 19px 10px 19px;
    border-radius: 5px;
    background: #FFF;
    border: 1px solid #E5E7EB;
    /* Tieň dokola - rovnomerne zo všetkých strán */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

    .bets__item[data-status="deactive"],
    .bets__item[data-status="deactive"] .request__item-start {
        border-color: rgba(142, 156, 142, 0.30) !important;
    }

        .bets__item[data-status="deactive"] .request__item-status {
            color: #757575;
            background-color: #F0F0F0;
        }

        .bets__item[data-status="deactive"] .bets__item-name,
        .bets__item[data-status="deactive"] .bets__item-message,
        .bets__item[data-status="deactive"] .bets__item-list li,
        .bets__item[data-status="deactive"] .bets__item-title h3 {
            color: #757575;
        }

        .bets__item[data-status="deactive"] .bets__item-list li {
            background-color: hsla(118, 66%, 42%, 0.2);
            border-color: hsla(118, 66%, 42%, 0.2);
        }

        /* .bets__item[data-status="deactive"] .bets__item-buttons:not(.bets__item-buttons--active) .bets__item-btn svg path[fill], */
        .bets__item[data-status="deactive"] .info-block-icon svg path[fill] {
            fill: #757575;
        }

        /* .bets__item[data-status="deactive"] .bets__item-buttons:not(.bets__item-buttons--active) .bets__item-btn svg path[stroke], */
        .bets__item[data-status="deactive"] .info-block-icon svg path[stroke] {
            stroke: #757575;
        }

        .bets__item[data-status="deactive"] .info-block-title {
            color: rgba(43, 43, 43, 0.70);
        }

        .bets__item[data-status="deactive"] .info-block-descr {
            color: #757575;
        }

        /* .bets__item[data-status="deactive"] .bets__item-buttons:not(.bets__item-buttons--active) .bets__item-btn{
    color: #757575;
} */
        .bets__item[data-status="deactive"] .bets__item-price span {
            color: rgba(27, 179, 25, 0.70);
        }

        /* .bets__item[data-status="deactive"] .bets__item-buttons:not(.bets__item-buttons--active) .bets__item-btn:hover{
    background-color: hsla(118, 66%, 42%, 0.2);
    border-color: hsla(118, 66%, 42%, 0.2);
} */
        .bets__item[data-status="deactive"] .bets__item-count strong {
            color: #757575;
        }

        .bets__item[data-status="deactive"] .bets__item-count mark {
            color: rgba(27, 179, 25, 0.70);
        }

        .bets__item[data-status="deactive"] .bets__item-image {
            opacity: 0.7;
        }

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

.bets__item-start {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.bets__item-date {
    color: #757575;
    font-size: 12px;
}

.bets__item-top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.bets__item-title {
    max-width: 747px;
    margin-top: 10px;
}

.cabinetBlock__content .bets__item-title {
    max-width: 100%;
}

.bets__item-title h3 {
    font-size: 24px;
    transition: all .1s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

.bets__item-title:hover h3 {
    color: #1BB319 !important;
}

.bets__item-price {
    margin-top: 10px;
    color: #757575;
}

    .bets__item-price span {
        color: #1BB319;
        font-size: 24px;
        font-weight: 700;
    }

.bets__item-list {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.bets__item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 36px;
}

.bets__item-bottom-cabinet {
}

.bets__item-count {
    color: #74767E;
}

    .bets__item-count strong {
        color: #2B2B2B;
    }

    .bets__item-count mark {
        font-weight: 600;
    }

.bets__item-hidden {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #757575;
    font-size: 16px;
    line-height: 18px;
    /* 150% */
}

    .bets__item-hidden img {
        width: 24px;
        height: auto;
        min-width: 24px;
    }

.bets__item-name {
    font-size: 20px;
    margin: 10px 0;
    font-weight: 700;
}

.bets__item-message {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    font-size: 14px;
}

.bets__item-more {
    margin-top: 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    /* 150% */
    display: flex;
    align-items: center;
    max-width: max-content;
    text-decoration: underline;
    transition: all .1s ease;
}

    .bets__item-more:hover {
        color: #1BB319;
    }

.request__item-start {
    margin: -19px -19px 0;
    padding: 11px 19px;
    border-bottom: 1px solid #E5E7EB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 11px;
    min-height: 41px;
}

.bets__item.request__item .request__item-start {
    margin-bottom: 11px;
}

.request__item-status {
    border-radius: 2px;
    background: #1BB319;
    height: 32px;
    width: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: #FFF;
    font-size: 12px;
    line-height: 18px;
    /* 150% */
}

    .request__item-status img {
        width: 16px;
        height: auto;
        min-width: 16px;
        margin-bottom: 1px;
    }

.bets__item-info {
    margin-top: 24px;
    justify-content: space-between;
    align-items: center;
    gap: 20px 10px;
    flex-wrap: wrap;
}

.bets__item-buttons {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.bets__item-btn {
    min-height: 36px;
    padding: 5px 11px 5px 11px;
    font-size: 12px;
    gap: 4px;
}

.bets__item-stats {
    display: flex;
    align-items: center;
    gap: 10px 32px;
    flex-wrap: wrap;
}

.request__item .bets__item-bottom {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .bets__item-title h3 {
        font-size: 18px;
    }

    .bets__item-top {
        flex-direction: column;
        gap: 10px;
    }

    .bets__item-bottom {
        flex-direction: column;
        gap: 15px;
        align-items: start;
    }

    .bets__item-stats {
        margin-bottom: 5px;
    }
}


.profile-opiniones {
    padding: 24px;
}

.profile-opiniones-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.profile-opiniones-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    border-bottom: 1px solid #DEDEDE;
    padding: 24px 24px 40px;
}

.profile-opiniones-name {
    color: #5DA83F;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 48px;
    position: relative;
}

    .profile-opiniones-name::before {
        content: '“';
        position: absolute;
        color: #5DA83F;
        font-family: "Reddit Sans", sans-serif;
        font-size: 96px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        text-transform: uppercase;
        left: 0;
        bottom: -23px;
    }

.profile-opiniones-user {
    display: flex;
    align-items: center;
    gap: 22px;
}

.profile-opiniones-image {
    display: flex;
    align-items: center;
    width: 55px;
    height: 55px;
    min-width: 55px;
    border-radius: 50%;
    overflow: hidden;
}

    .profile-opiniones-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.profile-opiniones-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile-opiniones-username {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    transition: all .1s ease;
}

    .profile-opiniones-username:hover {
        color: #1BB319;
    }

.profile-opiniones-date {
    color: #74767E;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.profile-opiniones-stars {
    display: flex;
    align-items: center;
}

.profile-opiniones-message {
    color: #212020;
}

.profile-opiniones-more {
    margin-top: 24px;
}

.profile-activity {
    padding: 0 24px;
}

.profile-activity-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.profile__info-complaint {
    gap: 5px;
    padding: 11px 9px;
    font-size: 14px;
    text-transform: none;
    max-width: 141px;
    order: 2;
}

.profile-myorders-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .profile-myorders-block .myoffers__item-start {
        margin-bottom: 20px;
    }

    .profile-myorders-block.profile-myorders-second .myoffers__item-start {
        margin-bottom: 6px;
    }

.profile__info-buttons {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.profile__info-end {
    order: 1;
}

.profile__info-action {
    gap: 10px;
    min-width: 140px;
    font-size: 14px;
    min-height: 42px;
    padding: 10px;
}

    .profile__info-action.btn-5 {
        text-transform: none;
        height: 42px;
        font-size: 14px;
        gap: 5px;
    }

.profile-traveler .profile__start-content {
    flex-direction: column;
}

.profile-traveler .profile__about {
    max-width: 380px;
}

.profile-creators-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
}

    .profile-creators-block .creators__item-top {
        align-items: start;
        flex-direction: column;
        gap: 12px;
    }

    .profile-creators-block .creators__item-user--top,
    .profile-creators-block .creators__item-top {
        align-items: start;
        flex-direction: column;
        gap: 12px;
    }

    .profile-creators-block .creators__item-user--info {
        flex-direction: column;
        align-items: start;
        margin-top: 12px;
    }

    .profile-creators-block .creators__item-user--list {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .profile-creators-block .creators__item-lang,
    .profile-creators-block .creators__item-user--info--icon {
        display: none;
    }

    .profile-creators-block .creators__item {
        display: flex;
        flex-direction: column;
    }

    .profile-creators-block .creators__item-user--btn {
        max-width: 100%;
        margin-top: auto;
    }

        .profile-creators-block .creators__item-user--btn svg {
            margin-top: -2px;
        }

    .profile-creators-block .creators__item-user--image {
        width: 76px;
        height: 76px;
        min-width: 76px;
    }

@media (max-width: 1440px) {
    .profile-creators-block {
        gap: 24px 20px;
    }
}

@media (max-width: 1280px) {
    .profile-trips-block {
        grid-template-columns: repeat(4, 1fr);
    }

    .profile__about {
        max-width: 325px;
    }

    .bets__item-info {
        gap: 20px 40px;
    }

    .profile-creators-block {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1024px) {
    .profile__info-action {
        max-width: 100%;
    }

    .profile-trips-block {
        grid-template-columns: repeat(3, 1fr);
    }

    .profile-about-lang--block {
        grid-template-columns: 1fr;
    }

    .profile-creators-block {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .profile {
        padding-bottom: 80px;
    }

    .profile__start-content {
        flex-direction: column;
    }

    .profile__about {
        width: 100%;
        max-width: none;
    }

    .profile__about-reset {
        width: 100%;
        margin-left: 0;
    }

    .profile__info-end,
    .profile-traveler .profile__about {
        max-width: 100%;
    }

    .profile-traveler .profile__about {
        margin: 0;
        width: 100%;
    }

    .profile__image-user {
        width: 110px;
        height: 110px;
        min-width: 110px;
    }

    .profile__top {
        gap: 20px;
        padding: 20px 0 0;
    }

    .profile__info-title {
        font-size: 24px;
        line-height: 30px;
    }

    .profile__info-descr {
        font-size: 14px;
    }

    .profile-about-left {
        padding: 0;
    }

    .profile-about {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .profile-activity,
    .profile-opiniones,
    .profile-trips {
        padding: 0;
    }

    .profile-trips-block {
        grid-template-columns: 1fr 1fr;
    }

    .profile-opiniones-item {
        padding-left: 0;
        padding-right: 0;
    }

    .profile__top-btn:hover,
    .profile__top-btn.active {
        color: #1BB319;
        background: rgba(45, 155, 214, 0.20);
    }

    .profile__top-btn {
        max-width: 100%;
        padding: 11px;
        flex-direction: column;
    }

    .profile-myorders-block .myoffers__item-start {
        margin: 20px;
    }

    .profile__top-btn:last-of-type {
        max-width: 101px;
    }

    .profile__info-buttons {
        margin-left: -134px;
    }

    .profile__info-action {
        max-width: 100%;
    }

    .profile__info {
        display: flex;
        flex-direction: column;
    }

    .profile__info-buttons {
        order: 2;
    }

    .profile__info-change {
        order: 1;
    }

    .bets__item-info {
        padding: 11px;
    }

    .profile-creators-block {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .profile-trips-block {
        grid-template-columns: 1fr;
    }
}


/* Toast Container - Global positioning */
.toast-container {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 91;
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
}

    .toast-container .notif {
        pointer-events: all;
    }

/* Toast Notification Base Styles - using app.css .notif structure */
.notif {
    gap: 12px;
    position: fixed;
    z-index: 91;
    bottom: 16px;
    right: 16px;
    padding: 12px 20px;
    /* width: calc(100% - 32px);*/
    max-width: 585px;
    border-radius: 5px;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    display: none;
    opacity: 0;
    transform: translateX(400px);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: slideOutRight 0.3s ease-out forwards;
}

    .notif.active {
        display: flex;
        opacity: 1;
        transform: translateX(0);
        animation: slideInRight 0.3s ease-out forwards;
    }

    /* Success variant - using app.css success background */
    .notif[data-notif="success"] {
        background: #EAF7E9;
    }

    /* Error/Unsuccess variant - using app.css unsuccess background */
    .notif[data-notif="unsuccess"],
    .notif.notif-error {
        background: #FFF5F5;
    }

    /* Warning variant */
    .notif[data-notif="warning"],
    .notif.notif-warning {
        background: #FFF8E1;
    }

    /* Info variant */
    .notif[data-notif="info"],
    .notif.notif-info {
        background: #E3F2FD;
    }

/* Toast content */
.notif__title {
    margin-right: auto;
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

/* Close button - using app.css close icon style */
.notif__close {
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M11.2 4.5L4 11.7M4 4.5L11.2 11.7' stroke='%23ACACAC' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

    .notif__close:hover {
        opacity: 1;
    }

/* Toast icon */
.notif img {
    width: 16px;
    height: auto;
    min-width: 16px;
}

/* Animation variants */
@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(400px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideOutRight {
    from {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(400px);
    }
}

/* Stacking styles for multiple toasts in container */
.toast-container .notif {
    position: relative;
    bottom: auto;
    right: auto;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .toast-container {
        bottom: 10px;
        right: 10px;
        left: 10px;
    }

    .notif {
        width: calc(100% - 20px);
        max-width: 100%;
        bottom: 10px;
        right: 10px;
        left: 10px;
    }
}


/* specialists */
.specialists {
    padding-top: 172px;
    position: relative;
    z-index: 1;
}

    .specialists::before,
    .specialists::after {
        content: '';
        position: absolute;
        z-index: -1;
        border-radius: 362px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
        border-radius: 362px;
    }

    .specialists::before {
        top: 419px;
        left: -75px;
    }

    .specialists::after {
        top: 113px;
        right: -148px;
    }

.specialists__inner {
    position: relative;
    z-index: 1;
}

    .specialists__inner::before {
        position: absolute;
        z-index: -1;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199' height='67' viewBox='0 0 199 67' fill='none'%3E%3Cpath opacity='0.1' d='M1.04248 34.3435C12.6709 13.4122 37.885 -11.9305 62.3251 9.32175C75.8578 21.0893 82.976 54.5768 63.0634 64.5336C55.944 68.0934 55.8195 59.7847 56.8285 55.3453C58.6607 47.2833 64.2716 40.7559 71.2672 36.5586C88.8756 25.9937 103.014 42.9975 117.783 49.7667C136.951 58.5521 165.489 59.3853 185.301 52.0638C202.423 45.7359 191.25 45.0457 179.722 39.922C170.955 36.0256 190.253 40.8931 193.012 42.055C196.48 43.5153 199.947 42.3395 196.704 45.5827C191.209 51.0777 185.881 57.6337 181.199 63.8772' stroke='%232B2B2B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 196.955px;
        height: 64.104px;
        transform: rotate(160.319deg);
        top: 0;
        right: -49px;
    }

.specialists__content {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 60px;
    padding-left: 67px;
}

.specialists__image {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 202px;
}

    .specialists__image img {
        width: 100%;
    }

.specialists__block {
    margin-top: 40px;
    display: flex;
    gap: 32px 24px;
    width: 100%;
}

.specialists__content .specialists__block {
    margin-top: 0;
}

.specialists__item {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.specialists__item-start {
    display: flex;
    align-items: center;
    gap: 10px;
}

.specialists__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    min-width: 32px;
    background: #E0E0E0;
}

.specialists__item-title {
    font-size: 20px;
}

.specialists__item-descr {
    margin-top: 2px;
    color: #757575;
    font-size: 14px;
}

.specialists__item-btn {
    min-height: 42px;
    font-size: 14px;
    padding: 12px 30px;
}

.cabinetBlock:first-child {
    margin: 0;
}

.cabinetBlock {
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

.cabinetBlock__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cabinetBlock__content {
    margin-top: 40px;
    margin-bottom: 40px;
}

.cabinetBlock__more {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    gap: 8px;
    display: flex;
    align-items: center;
}

    .cabinetBlock__more.btn-4 {
        padding: 12px 23px;
    }

.cabinetBlock__content.bets__block .bets__item-info {
    margin-top: 12px;
}

.notifications__block {
    display: flex;
    flex-direction: column;
    padding: 19px;
    gap: 12px;
    border-radius: 10px;
    border: 1px solid rgba(142, 156, 142, 0.30);
}

    .notifications__block .header__notifications-image {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .notifications__block .header__notifications-message {
        font-size: 14px;
    }

    .notifications__block .header__notifications-date {
        font-size: 14px;
    }

@media (max-width: 1024px) {
    .specialists {
        padding-top: 110px;
    }

    .specialists__item {
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 768px) {
    .specialists {
        padding-top: 73px;
    }

    .specialists__block {
        flex-direction: column;
    }

    .specialists__inner::before {
        content: none;
    }

    .specialists__item-btn {
        max-width: 100%;
    }

    .specialists__content {
        flex-direction: column;
        gap: 20px;
        padding: 0;
    }
}

.popupaction {
    position: fixed;
    overflow: auto;
    inset: 0;
    background: rgba(0, 0, 0, 0.60);
    z-index: 234;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

    .popupaction.show {
        opacity: 1;
        pointer-events: all;
    }

.popupaction__inner {
    width: 100%;
    max-width: 500px;
    margin: 20% auto 4%;
    background-color: #fff;
    padding: 48px 24px 16px;
    position: relative;
}

.popupaction__close {
    position: absolute;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52925 3.86225C3.7896 3.6019 4.21171 3.6019 4.47206 3.86225L8.00065 7.39085L11.5292 3.86225C11.7896 3.6019 12.2117 3.6019 12.4721 3.86225C12.7324 4.1226 12.7324 4.54471 12.4721 4.80506L8.94346 8.33366L12.4721 11.8623C12.7324 12.1226 12.7324 12.5447 12.4721 12.8051C12.2117 13.0654 11.7896 13.0654 11.5292 12.8051L8.00065 9.27647L4.47206 12.8051C4.21171 13.0654 3.7896 13.0654 3.52925 12.8051C3.2689 12.5447 3.2689 12.1226 3.52925 11.8623L7.05784 8.33366L3.52925 4.80506C3.2689 4.54471 3.2689 4.1226 3.52925 3.86225Z' fill='%232B2B2B'/%3E%3C/svg%3E");
    top: 16px;
    right: 24px;
}

.popupaction__title {
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    /* 120% */
}

.popupaction__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px auto 0;
    gap: 8px;
}

@media (max-width: 1024px) {
    .popupaction__inner {
        margin-top: 33%;
    }
}

@media (max-width: 768px) {
    .popupaction__inner {
        margin-top: 50%;
    }
}

/* trips */
.trips__filters {
    margin-top: 50px;
}



/* oneorder */
.oneorder {
    position: relative;
    z-index: 1;
    margin-bottom: 120px;
}

    .oneorder::after,
    .oneorder::before {
        transform: rotate(-12.343deg);
        width: 294.1px;
        height: 589.278px;
        flex-shrink: 0;
        content: '';
        position: absolute;
        z-index: -1;
        border-radius: 589.278px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .oneorder::before {
        top: 226px;
        left: -217px;
    }

    .oneorder::after {
        top: 226px;
        right: -84px;
    }

.oneorder__select-num {
    color: #1BB319;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    max-width: 40%;
    word-break: break-word;
}

.oneorder__info {
    padding: 40px 0;
}

.oneorder__info-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
}

h1.oneorder__info-title {
    font-size: 32px;
    max-width: 1039px;
}

.oneorder__info-title h3 {
    font-size: 24px;
    text-transform: none;
    font-weight: 600;
    max-width: 1039px;
    transition: all .1s ease;
}

.oneorder__info-title:hover h3 {
    color: #1BB319;
}

.oneorder__info-price {
    color: #757575;
    font-size: 16px;
}

    .oneorder__info-price span {
        color: #1BB319;
        font-weight: 700;
        font-size: 24px;
    }

.oneorder__info-list {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

    .oneorder__info-list li {
        padding: 7px 15px;
    }

.oneorder__info-descr {
    margin-top: 32px;
}

    .oneorder__info-descr + .oneorder__info-descr {
        margin-top: 10px;
    }

.oneorder__info-message {
    margin-top: 15px;
    font-size: 14px;
}

.oneorder__info-bottom {
    margin-top: 15px;
}

.oneorder__info-time,
.oneorder__info-adress {
    font-size: 14px;
    line-height: 18px;
    color: #4C4C4C;
}

    .oneorder__info-time strong,
    .oneorder__info-adress strong {
        color: #2B2B2B;
    }

.oneorder__bets-btn {
    padding: 8px 12px;
    background: rgba(42, 179, 37, 0.10);
    border-bottom: 1px solid #1BB319;
    gap: 4px;
    color: #1BB319;
    font-size: 16px;
    font-weight: 600;
    line-height: 12px;
    /* 75% */
}

.oneorder__content {
    display: flex;
    gap: 60px;
    margin-top: 60px;
}

    .oneorder__content .browsetask__select {
        margin-top: 0;
    }

.oneorder__left {
    width: 100%;
    max-width: 966px;
}

.browsetask__select-bets {
    font-size: 20px;
    font-weight: 500;
    color: #1BB319;
}

.browsetask__select-search {
    margin-left: auto;
    max-width: 240px;
}

    .browsetask__select-search .browsetask__select-input {
        height: 36px;
    }

    .browsetask__select-search + .browsetask__select-sort {
        margin-left: 0;
    }

.oneorder__results {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

    .oneorder__results .creators__item-user {
        align-items: start;
    }

    .oneorder__results .creators__item-user--top {
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }

.oneorder__right {
    width: 100%;
    max-width: 270px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.oneorder__inner .offer__manage {
    max-width: 100%;
    order: -1;
}

.oneorder__block-name {
    font-size: 24px;
    font-weight: 600;
}

.oneorder__block-content {
    margin-top: 14px;
    padding: 11px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .oneorder__block-content button {
        max-width: 100%;
        font-size: 12px;
        min-height: 36px;
        padding: 0;
        gap: 4px;
    }

.oneorder__block-user {
    display: flex;
    align-items: center;
    gap: 6px;
}

.oneorder__block-image {
    width: 24px;
    height: 24px;
    min-width: 24px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

    .oneorder__block-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.oneorder__block-username h4 {
    font-size: 16px;
    font-weight: 550;
    line-height: normal;
    transition: all .1s ease;
}

.oneorder__block-username:hover h4 {
    color: #1BB319;
}

.oneorder__block-adress {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

    .oneorder__block-adress img {
        width: auto;
        height: auto;
        max-width: 20px;
        max-height: 20px;
    }

.oneorder__block-descr {
    color: #757575;
    font-size: 14px;
}

.oneorder__block-report {
    font-size: 12px;
    color: #868E96;
}

.oneorder__block-voliation {
    gap: 4px;
    max-width: 100%;
    font-size: 12px;
    text-transform: none;
}

.specialists__item-hidden {
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #757575;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

    .specialists__item-hidden::before {
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        min-width: 24px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M6.00286 13.3463L5.53535 13.7224L6.00286 13.3463ZM6.00286 10.6545L6.47037 11.0306L6.00286 10.6545ZM18.9987 13.3463L19.4662 13.7224L18.9987 13.3463ZM18.9987 10.6545L19.4662 10.2784L18.9987 10.6545ZM19.7008 12.0004H20.3008H19.7008ZM6.32505 4.97613C6.09073 4.74181 5.71083 4.74181 5.47652 4.97613C5.2422 5.21044 5.2422 5.59034 5.47652 5.82465L5.90078 5.40039L6.32505 4.97613ZM18.6758 19.024C18.9102 19.2583 19.2901 19.2583 19.5244 19.024C19.7587 18.7897 19.7587 18.4098 19.5244 18.1755L19.1001 18.5997L18.6758 19.024ZM15.1724 17.3565C15.4717 17.2144 15.5991 16.8565 15.4569 16.5571C15.3147 16.2578 14.9568 16.1304 14.6575 16.2726L14.9149 16.8145L15.1724 17.3565ZM7.72864 9.63657C7.96524 9.40456 7.96897 9.02468 7.73696 8.78808C7.50495 8.55148 7.12507 8.54776 6.88847 8.77977L7.30856 9.20817L7.72864 9.63657ZM11.9618 14.5705C12.2863 14.6375 12.6038 14.4289 12.6708 14.1044C12.7379 13.7799 12.5293 13.4624 12.2048 13.3953L12.0833 13.9829L11.9618 14.5705ZM11.0903 12.2828C11.0246 11.958 10.708 11.7481 10.3832 11.8138C10.0584 11.8796 9.84845 12.1962 9.91421 12.521L10.5023 12.4019L11.0903 12.2828ZM12.5008 17.4004V16.8004C11.2852 16.8004 10.1055 16.2623 9.04406 15.4883C7.98673 14.7173 7.09565 13.7475 6.47037 12.9702L6.00286 13.3463L5.53535 13.7224C6.19665 14.5444 7.16287 15.6017 8.33703 16.4579C9.50707 17.3111 10.933 18.0004 12.5008 18.0004V17.4004ZM12.5008 6.60039V7.20039C13.7163 7.20039 14.8961 7.73846 15.9575 8.51247C17.0148 9.28348 17.9059 10.2533 18.5312 11.0306L18.9987 10.6545L19.4662 10.2784C18.8049 9.45634 17.8387 8.39908 16.6645 7.54288C15.4945 6.68968 14.0685 6.00039 12.5008 6.00039V6.60039ZM6.00286 13.3463L6.47037 12.9702C5.96788 12.3455 5.90078 12.2234 5.90078 12.0004H5.30078H4.70078C4.70078 12.7236 5.10174 13.1833 5.53535 13.7224L6.00286 13.3463ZM6.00286 10.6545L5.53535 10.2784C5.10174 10.8174 4.70078 11.2772 4.70078 12.0004H5.30078H5.90078C5.90078 11.7773 5.96787 11.6552 6.47037 11.0306L6.00286 10.6545ZM18.9987 13.3463L19.4662 13.7224C19.8998 13.1833 20.3008 12.7236 20.3008 12.0004H19.7008H19.1008C19.1008 12.2234 19.0337 12.3455 18.5312 12.9702L18.9987 13.3463ZM18.9987 10.6545L18.5312 11.0306C19.0337 11.6552 19.1008 11.7773 19.1008 12.0004H19.7008H20.3008C20.3008 11.2772 19.8998 10.8174 19.4662 10.2784L18.9987 10.6545ZM12.5008 9.97539V10.5754C13.2991 10.5754 13.9393 11.2172 13.9393 12.0004H14.5393H15.1393C15.1393 10.5469 13.9542 9.37539 12.5008 9.37539V9.97539ZM14.9149 16.8145L14.6575 16.2726C13.9612 16.6033 13.2373 16.8004 12.5008 16.8004V17.4004V18.0004C13.4539 18.0004 14.354 17.7452 15.1724 17.3565L14.9149 16.8145ZM6.00286 10.6545L6.47037 11.0306C6.81314 10.6045 7.23808 10.1176 7.72864 9.63657L7.30856 9.20817L6.88847 8.77977C6.35743 9.30051 5.90097 9.82391 5.53535 10.2784L6.00286 10.6545ZM8.59704 8.09665L8.95582 8.57756C10.039 7.76948 11.2508 7.20039 12.5008 7.20039V6.60039V6.00039C10.8894 6.00039 9.42746 6.72853 8.23826 7.61574L8.59704 8.09665ZM5.90078 5.40039L5.47652 5.82465L8.17277 8.52091L8.59704 8.09665L9.0213 7.67238L6.32505 4.97613L5.90078 5.40039ZM16.4045 15.9041L15.9803 16.3284L18.6758 19.024L19.1001 18.5997L19.5244 18.1755L16.8288 15.4799L16.4045 15.9041ZM18.9987 13.3463L18.5312 12.9702C17.9237 13.7254 17.0648 14.663 16.0457 15.4232L16.4045 15.9041L16.7633 16.385C17.8926 15.5426 18.8232 14.5217 19.4662 13.7224L18.9987 13.3463ZM8.59704 8.09665L8.17277 8.52091L10.6399 10.988L11.0641 10.5637L11.4884 10.1395L9.0213 7.67238L8.59704 8.09665ZM11.0641 10.5637L11.4855 10.9908C11.7459 10.7339 12.1038 10.5754 12.5008 10.5754V9.97539V9.37539C11.7768 9.37539 11.1193 9.6663 10.6427 10.1366L11.0641 10.5637ZM11.0641 10.5637L10.6399 10.988L13.5132 13.8613L13.9374 13.4371L14.3617 13.0128L11.4884 10.1395L11.0641 10.5637ZM13.9374 13.4371L13.5132 13.8613L15.9803 16.3284L16.4045 15.9041L16.8288 15.4799L14.3617 13.0128L13.9374 13.4371ZM14.5393 12.0004H13.9393C13.9393 12.3944 13.7786 12.7508 13.516 13.01L13.9374 13.4371L14.3589 13.8641C14.8397 13.3896 15.1393 12.7296 15.1393 12.0004H14.5393ZM12.0833 13.9829L12.2048 13.3953C11.6427 13.2791 11.2026 12.8371 11.0903 12.2828L10.5023 12.4019L9.91421 12.521C10.1227 13.5504 10.9333 14.3578 11.9618 14.5705L12.0833 13.9829Z' fill='%23757575'/%3E%3C/svg%3E");
    }

.oneorder-hidden {
    margin: 32px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #757575;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    /* 150% */
}

    .oneorder-hidden::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M6.00286 13.3463L5.53535 13.7224L6.00286 13.3463ZM6.00286 10.6545L6.47037 11.0306L6.00286 10.6545ZM18.9987 13.3463L19.4662 13.7224L18.9987 13.3463ZM18.9987 10.6545L19.4662 10.2784L18.9987 10.6545ZM19.7008 12.0004H20.3008H19.7008ZM6.32505 4.97613C6.09073 4.74181 5.71083 4.74181 5.47652 4.97613C5.2422 5.21044 5.2422 5.59034 5.47652 5.82465L5.90078 5.40039L6.32505 4.97613ZM18.6758 19.024C18.9102 19.2583 19.2901 19.2583 19.5244 19.024C19.7587 18.7897 19.7587 18.4098 19.5244 18.1755L19.1001 18.5997L18.6758 19.024ZM15.1724 17.3565C15.4717 17.2144 15.5991 16.8565 15.4569 16.5571C15.3147 16.2578 14.9568 16.1304 14.6575 16.2726L14.9149 16.8145L15.1724 17.3565ZM7.72864 9.63657C7.96524 9.40456 7.96897 9.02468 7.73696 8.78808C7.50495 8.55148 7.12507 8.54776 6.88847 8.77977L7.30856 9.20817L7.72864 9.63657ZM11.9618 14.5705C12.2863 14.6375 12.6038 14.4289 12.6708 14.1044C12.7379 13.7799 12.5293 13.4624 12.2048 13.3953L12.0833 13.9829L11.9618 14.5705ZM11.0903 12.2828C11.0246 11.958 10.708 11.7481 10.3832 11.8138C10.0584 11.8796 9.84845 12.1962 9.91421 12.521L10.5023 12.4019L11.0903 12.2828ZM12.5008 17.4004V16.8004C11.2852 16.8004 10.1055 16.2623 9.04406 15.4883C7.98673 14.7173 7.09565 13.7475 6.47037 12.9702L6.00286 13.3463L5.53535 13.7224C6.19665 14.5444 7.16287 15.6017 8.33703 16.4579C9.50707 17.3111 10.933 18.0004 12.5008 18.0004V17.4004ZM12.5008 6.60039V7.20039C13.7163 7.20039 14.8961 7.73846 15.9575 8.51247C17.0148 9.28348 17.9059 10.2533 18.5312 11.0306L18.9987 10.6545L19.4662 10.2784C18.8049 9.45634 17.8387 8.39908 16.6645 7.54288C15.4945 6.68968 14.0685 6.00039 12.5008 6.00039V6.60039ZM6.00286 13.3463L6.47037 12.9702C5.96788 12.3455 5.90078 12.2234 5.90078 12.0004H5.30078H4.70078C4.70078 12.7236 5.10174 13.1833 5.53535 13.7224L6.00286 13.3463ZM6.00286 10.6545L5.53535 10.2784C5.10174 10.8174 4.70078 11.2772 4.70078 12.0004H5.30078H5.90078C5.90078 11.7773 5.96787 11.6552 6.47037 11.0306L6.00286 10.6545ZM18.9987 13.3463L19.4662 13.7224C19.8998 13.1833 20.3008 12.7236 20.3008 12.0004H19.7008H19.1008C19.1008 12.2234 19.0337 12.3455 18.5312 12.9702L18.9987 13.3463ZM18.9987 10.6545L18.5312 11.0306C19.0337 11.6552 19.1008 11.7773 19.1008 12.0004H19.7008H20.3008C20.3008 11.2772 19.8998 10.8174 19.4662 10.2784L18.9987 10.6545ZM12.5008 9.97539V10.5754C13.2991 10.5754 13.9393 11.2172 13.9393 12.0004H14.5393H15.1393C15.1393 10.5469 13.9542 9.37539 12.5008 9.37539V9.97539ZM14.9149 16.8145L14.6575 16.2726C13.9612 16.6033 13.2373 16.8004 12.5008 16.8004V17.4004V18.0004C13.4539 18.0004 14.354 17.7452 15.1724 17.3565L14.9149 16.8145ZM6.00286 10.6545L6.47037 11.0306C6.81314 10.6045 7.23808 10.1176 7.72864 9.63657L7.30856 9.20817L6.88847 8.77977C6.35743 9.30051 5.90097 9.82391 5.53535 10.2784L6.00286 10.6545ZM8.59704 8.09665L8.95582 8.57756C10.039 7.76948 11.2508 7.20039 12.5008 7.20039V6.60039V6.00039C10.8894 6.00039 9.42746 6.72853 8.23826 7.61574L8.59704 8.09665ZM5.90078 5.40039L5.47652 5.82465L8.17277 8.52091L8.59704 8.09665L9.0213 7.67238L6.32505 4.97613L5.90078 5.40039ZM16.4045 15.9041L15.9803 16.3284L18.6758 19.024L19.1001 18.5997L19.5244 18.1755L16.8288 15.4799L16.4045 15.9041ZM18.9987 13.3463L18.5312 12.9702C17.9237 13.7254 17.0648 14.663 16.0457 15.4232L16.4045 15.9041L16.7633 16.385C17.8926 15.5426 18.8232 14.5217 19.4662 13.7224L18.9987 13.3463ZM8.59704 8.09665L8.17277 8.52091L10.6399 10.988L11.0641 10.5637L11.4884 10.1395L9.0213 7.67238L8.59704 8.09665ZM11.0641 10.5637L11.4855 10.9908C11.7459 10.7339 12.1038 10.5754 12.5008 10.5754V9.97539V9.37539C11.7768 9.37539 11.1193 9.6663 10.6427 10.1366L11.0641 10.5637ZM11.0641 10.5637L10.6399 10.988L13.5132 13.8613L13.9374 13.4371L14.3617 13.0128L11.4884 10.1395L11.0641 10.5637ZM13.9374 13.4371L13.5132 13.8613L15.9803 16.3284L16.4045 15.9041L16.8288 15.4799L14.3617 13.0128L13.9374 13.4371ZM14.5393 12.0004H13.9393C13.9393 12.3944 13.7786 12.7508 13.516 13.01L13.9374 13.4371L14.3589 13.8641C14.8397 13.3896 15.1393 12.7296 15.1393 12.0004H14.5393ZM12.0833 13.9829L12.2048 13.3953C11.6427 13.2791 11.2026 12.8371 11.0903 12.2828L10.5023 12.4019L9.91421 12.521C10.1227 13.5504 10.9333 14.3578 11.9618 14.5705L12.0833 13.9829Z' fill='%23757575'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

.makeabit {
    margin-top: 20px;
}

.makeabit__btn {
    gap: 10px;
    padding: 16px 30px;
    max-width: 185px;
    margin: 0 auto;
}

.makeabit:not(.active) .makeabit__form {
    display: none;
}

.makeabit.active .makeabit__btn:first-child {
    display: none;
}

.makeabit__form-title {
    font-size: 24px;
    font-weight: 600;
}

.makeabit__form-descr {
    margin-top: 4px;
    color: #868E96;
    font-size: 14px;
    line-height: 16px;
}

.makeabit__form-textarea {
    margin-top: 12px;
    height: 131px;
}

.makeabit__form-block + .makeabit__form-block {
    margin-top: 32px;
}

.makeabit__form-budget {
    margin-top: 12px;
}

.makeabit__form-checkbox {
    margin-top: 10px;
    margin-bottom: 20px;
}

.makeabit__form-block-checkvox-title {
    display: flex;
}

    .makeabit__form-block-checkvox-title .hover-info {
        margin-left: 10px;
    }

.makeabit-sended .makeabit__send {
    display: none;
}

.makeabit-sended + .oneorder__content .makeabit__sended {
    display: flex;
}

.makeabit__sended {
    border-radius: 5px;
    background: rgba(42, 179, 37, 0.10);
    padding: 12px 20px;
    display: none;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin: 32px 0;
}

.makeabit__sended-name {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
}

    .makeabit__sended-name::before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12.5C9.31373 12.5 12 9.81373 12 6.5C12 5.27773 11.6345 4.14083 11.0069 3.19261L6.23667 8.49287C5.77493 9.00593 4.99787 9.08173 4.44563 8.66753L2.26667 7.03333C1.97211 6.8124 1.91242 6.39453 2.13333 6.1C2.35425 5.80547 2.77211 5.74573 3.06667 5.96667L5.2456 7.60087L10.1427 2.1597C9.06573 1.13145 7.6066 0.5 6 0.5C2.68629 0.5 0 3.18629 0 6.5C0 9.81373 2.68629 12.5 6 12.5Z' fill='%231BB319'/%3E%3C/svg%3E");
        width: 12px;
        height: 12px;
        min-width: 12px;
        background-position: center;
        background-repeat: no-repeat;
    }

.makeabit__sended-price {
    color: #1BB319;
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 1440px) {
}

@media (max-width: 1280px) {
    .oneorder__left .specialists__item-avaliable {
        margin-right: -150px;
    }

    .browsetask__select-search {
        max-width: 150px;
    }
}

@media (max-width: 1024px) {
    .oneorder__inner {
        display: flex;
        flex-direction: column;
    }

    .oneorder__content {
        flex-direction: column;
    }

    .oneorder__right {
        max-width: 100%;
    }

    .offer__manage {
        max-width: 100%;
    }

    .oneorder__inner .breadcrumbs {
        order: -2;
    }

    .oneorder__info {
        margin-top: 40px;
    }

    .oneorder__info-top {
        flex-direction: column;
        gap: 20px;
    }

    .oneorder__info-bottom {
        flex-direction: column;
        gap: 12px;
        align-items: start;
    }
}

@media (max-width: 768px) {
    .oneorder__info {
        padding: 20px 0;
    }

    .browsetask__select-search {
        max-width: 100%;
        order: 1;
    }

    .oneorder__left .specialists__item-avaliable {
        margin-right: 0;
    }

    .specialists__item-moreinfo .specialists__item-message {
        margin-top: 12px;
    }

    .oneorder__content,
    .oneorder__right {
        gap: 31px;
    }

    .chat .oneorder__info {
        display: none;
        padding: 0;
    }

    .chat__right.active .oneorder__info {
        display: inline-block;
    }

    .oneorder::before {
        content: none;
    }

    .oneorder::after {
        width: 340.256px;
        height: 990.286px;
        transform: rotate(-8.567deg);
        top: 160px;
        right: -200px;
    }

    .oneorder .breadcrumbs + .oneorder__info {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
}

/* chat */
.chat {
    padding-top: 120px;
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
}

    .chat::after,
    .chat::before {
        content: '';
        position: absolute;
        z-index: -1;
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
        border-radius: 362px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
        bottom: 270px;
    }

    .chat::before {
        left: -107px;
    }

    .chat::after {
        right: 50px;
        width: 100%;
    }

.chat__inner {
    display: flex;
    align-items: stretch;
    height: calc(var(--vh, 1vh) * 100 - 200px);
}

.chat__left {
    min-width: 306px;
    width: 100%;
    max-width: 306px;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 120px;
    border: 1px solid #E7E7E7;
    border-radius: 4px 0 0 4px;
    background-color: #fff;
    margin-right: -1px;
    height: auto;
}

.chat__left-content {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.chat__left-top {
    display: flex;
    align-items: stretch;
}

.chat__left-btn {
    max-width: 100%;
    color: #495057;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    border-bottom: 1px solid #E0E0E0;
    text-transform: none;
    height: 42px;
}

    .chat__left-btn.active {
        border-color: #1BB319;
        color: #1BB319;
    }

.chat__left-icon {
    width: 1px;
    height: auto;
    background-color: #E0E0E0;
}

.chat__left-search {
    padding: 24px 20px;
    border-bottom: 1px solid #E7E7E7;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 100%;
    order: -1;
}

    .chat__left-search .form-block-icon {
        left: 32px;
    }

.chat__left-block {
    display: none;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column;
}

.chat[data-chat-type="request"] .chat-type-request,
.chat[data-chat-type="inbox"] .chat-type-inbox {
    display: flex;
}

.chat[data-chat-type="request"] .chat__right .chat__right-user {
    display: flex;
    padding: 0;
}

.chat[data-chat-type="request"] .chat__right .chat__right-title {
    display: none;
}

.chat[data-chat-type="inbox"] .oneorder__info {
    display: none;
}

.chat__left-item {
    padding: 14px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all .2s ease;
    border-bottom: 1px solid #E7E7E7;
    cursor: pointer;
}

    .chat__left-item:last-of-type {
        border: none;
    }

    .chat__left-item.active,
    .chat__left-item:hover {
        background: rgba(42, 179, 37, 0.10);
    }

.chat__left-start {
    display: flex;
    align-items: center;
    gap: 12px;
}

.chat__left-image {
    display: flex;
    align-items: center;
    width: 54px;
    height: 54px;
    min-width: 54px;
    overflow: hidden;
    border-radius: 50%;
}

    .chat__left-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.chat__left-about {
    width: 100%;
    display: flex;
    align-items: start;
    gap: 10px;
    justify-content: space-between;
}

.chat__left-username h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    transition: all .1s ease;
}

.chat__left-username:hover h4 {
    color: #1BB319;
}

.chat__left-online {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #868E96;
}

.chat__left-info {
    display: flex;
    align-items: center;
    gap: 5px;
}

.chat__left-date {
    font-size: 12px;
    line-height: 16px;
    color: #868E96;
    text-align: right;
    text-wrap: nowrap;
}

.chat__left-new {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    background-color: #1BB319;
    color: #FFF;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
}

.chat__left-subject {
    color: #575756;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

    .chat__left-subject span {
        font-weight: 400;
    }

.chat__right {
    background-color: #fff;
    border-radius: 0 4px 4px 0;
    border: 1px solid #E7E7E7;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

.chat__right-result:not(.active) {
    display: none;
}

.chat__right-result {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat__right-top {
    padding: 14px 24px;
    border-bottom: 1px solid #E7E7E7;
}

.chat__right-title {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    display: none;
    margin-bottom: 12px;
}

.chat__right-content {
    flex: 1;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.chat__right-messages {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.chat__right-end {
    position: relative;
    z-index: 1;
}

.chat-user {
    padding: 12px 40px;
    width: 100%;
    max-width: 70%;
}

.chat__right-end {
    padding: 12px;
    background: #FFF;
    border-top: 1px solid rgb(231 231 231);
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
}

.chat__right-image {
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    overflow: hidden;
    border-radius: 50%;
}

    .chat__right-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.chat__right-message {
    width: 100%;
}

.chat__right-textarea {
    field-sizing: content;
    min-height: 34px;
    max-height: 100px;
    overflow-y: auto;
    resize: none;
    height: unset;
}

.chat__right-name {
    margin-bottom: 4px;
    color: #212529;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.chat__right-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-top: 18px;
}

.chat__right-file {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .chat__right-file label input {
        display: none;
    }

    .chat__right-file label {
        gap: 8px;
        text-transform: none;
        padding: 6px;
        height: 38px;
        max-width: 38px;
        width: 38px;
        min-height: auto;
    }

.chat__right-file--name {
    color: #868E96;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.chat__right-send {
    padding: 8px 24px;
    min-height: 34px;
    font-size: 14px;
}

.chat-user {
    display: flex;
    align-items: start;
    gap: 12px;
}

.chat-user-image {
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    min-width: 32px;
    overflow: hidden;
}

    .chat-user-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.chat-user-message {
    font-size: 14px;
    line-height: 18px;
    padding: 8px;
    border-radius: 0 5px 5px 5px;
    background: #F5F5F5;
    word-break: break-all;
}

.chat-user-date {
    padding: 8px 40px;
    text-align: center;
    color: #ADB5BD;
    font-size: 14px;
    line-height: 16px;
}

.chat-user-about {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.chat-user-username,
.chat-user-username h4 {
    font-weight: 600;
    font-size: 14px;
    transition: all .1s ease;
}

    .chat-user-username:hover h4 {
        color: #1BB319;
    }

.chat-user-time {
    color: #ADB5BD;
    font-size: 12px;
    line-height: 16px;
}

.chat-user-sender {
    flex-direction: row-reverse;
    margin-left: auto;
}

    .chat-user-sender .chat-user-about {
        justify-content: end;
    }

    .chat-user-sender .chat-user-message {
        background: rgba(248, 189, 44, 0.10);
        border-radius: 5px 0 5px 5px;
    }

.chat-user-ekotrip .chat-user-username {
    border-radius: 2px;
    background: #FEF8EA;
    padding: 0 4px;
    display: inline-block;
}

.chat-user-ekotrip .chat-user-message {
    border-radius: 0 5px 5px 5px;
    border: 1px solid #1BB319;
    background: #F5F5F5;
}

.chat__right-back,
.chat__right-use {
    display: none;
}

.chat .container {
    display: flex;
    flex-direction: column;
}

.chat .oneorder__info {
    order: -1;
    padding: 24px;
    border-bottom: 1px solid rgba(224, 224, 224, 0.40);
    background: #FEFEFB;
    margin: 0 0 20px;
}

.chat__right-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.chat__right-user-image {
    width: 54px;
    height: 54px;
    min-width: 54px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

    .chat__right-user-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

.chat__right-user-username {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .chat__right-user-username h4 {
        margin-bottom: 4px;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        transition: all .1s ease;
    }

    .chat__right-user-username:hover h4 {
        color: #1BB319;
    }

.chat__right-user-online {
    color: #868E96;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.chat__right-user-about {
    width: 100%;
    display: flex;
    align-items: start;
    gap: 21px;
    justify-content: space-between;
}

.chat__right-user-info {
    display: flex;
    align-items: center;
    gap: 5px;
}

.chat__right-user-new {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    background-color: #1BB319;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
}

.chat__right-user-date {
    color: #868E96;
    font-size: 12px;
    line-height: 16px;
}

.project-completed {
    display: none;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    border-radius: 5px;
    background: #F7F7F7;
    padding: 10px;
    min-width: 77px;
}

.project-completed-name {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

    .project-completed-name::before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        min-width: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12.5C9.31373 12.5 12 9.81373 12 6.5C12 5.27773 11.6345 4.14083 11.0069 3.19261L6.23667 8.49287C5.77493 9.00593 4.99787 9.08173 4.44563 8.66753L2.26667 7.03333C1.97211 6.8124 1.91242 6.39453 2.13333 6.1C2.35425 5.80547 2.77211 5.74573 3.06667 5.96667L5.2456 7.60087L10.1427 2.1597C9.06573 1.13145 7.6066 0.5 6 0.5C2.68629 0.5 0 3.18629 0 6.5C0 9.81373 2.68629 12.5 6 12.5Z' fill='%231BB319'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
    }

.project-completed-review {
    padding: 11px;
    gap: 4px;
    text-transform: none;
    font-size: 12px;
    background-color: #fff;
    min-height: 36px;
}

.chat[data-chat-type="request"] .project-completed {
    display: flex;
    flex-direction: row;
}

@media (max-width: 1440px) {
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .chat__right-bottom {
        gap: 20px;
    }

    .chat__left {
        min-width: 280px;
        max-width: 280px;
    }
}

@media (max-width: 768px) {
    .chat::after {
        top: 200px;
    }

    .chat__right-title {
        display: inline-block;
    }

    .chat {
        padding-bottom: 0;
        padding-top: 73px;
        overflow: hidden;
    }

    .chat__inner {
        padding-bottom: 60px;
        height: auto;
    }

    .chat__left {
        border-radius: 4px;
        min-width: auto;
        max-width: 100%;
        position: initial;
        height: calc(var(--vh, 1vh) * 100 - 120px);
    }

    .chat__right {
        border-radius: 0;
        position: absolute;
        position: fixed;
        inset: 0;
        border: none;
        top: 55px;
        background-color: #fff;
        z-index: 111;
        border-top: 1px solid #E0E0E0;
        transform: translateX(100%);
        transition: all .2s ease;
        opacity: 0;
        pointer-events: none;
    }

        .chat__right.active {
            opacity: 1;
            pointer-events: all;
            transform: translateX(0%);
        }

    .chat-user {
        max-width: 100%;
    }

    .chat__right-name {
        display: none;
    }

    .chat__right-message {
        display: flex;
        position: relative;
        flex-direction: row-reverse;
        gap: 10px;
        align-items: start;
    }

    .chat__right-image {
        display: none;
    }

    .chat__right-file label {
        gap: 0;
        font-size: 0;
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 50%;
        padding: 0;
    }

    .chat__right-end {
        align-items: center;
        padding: 10px;
        box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.10);
    }

    .chat__right-top {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .chat__right-title {
        font-size: 18px;
    }

    .chat__right-back {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #74767E;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }

        .chat__right-back::before {
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.80344 12.8047C7.54309 13.0651 7.12098 13.0651 6.86063 12.8047L2.86063 8.80474C2.60028 8.54439 2.60028 8.12228 2.86063 7.86193L6.86063 3.86193C7.12098 3.60158 7.54309 3.60158 7.80344 3.86193C8.06379 4.12228 8.06379 4.54439 7.80344 4.80474L4.94151 7.66667L12.6654 7.66667C13.0336 7.66667 13.332 7.96514 13.332 8.33333C13.332 8.70152 13.0336 9 12.6654 9L4.94151 9L7.80344 11.8619C8.06379 12.1223 8.06379 12.5444 7.80344 12.8047Z' fill='%2374767E'/%3E%3C/svg%3E");
            background-position: center;
            background-repeat: no-repeat;
            min-width: 16px;
        }

    .chat__right-file--name {
        display: none;
    }

    .chat__right-bottom {
        margin: 0;
    }

    .chat__right-textarea {
        padding-right: 132px;
    }

    .chat__right-user {
        display: flex;
    }

    .project-completed {
        flex-direction: column;
        align-items: start;
    }

    .chat__right-send span {
        visibility: collapse;
    }

    .chat__right-send {
        text-align: center;
        max-width: 20px;
        background-image: url(../img/icon/sent.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.dragover {
    border-color: #1BB319;
}

.whohelped {
    position: fixed;
    inset: 0;
    overflow: auto;
    z-index: 222;
    background: rgba(19, 35, 47, 0.60);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

    .whohelped.show {
        opacity: 1;
        pointer-events: all;
    }

.whohelped__inner {
    position: relative;
    margin: 10% auto 2%;
    width: 100%;
    max-width: 500px;
    padding: 48px 24px 16px;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.whohelped__close {
    position: absolute;
    top: 16px;
    right: 24px;
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52729 3.86128C3.78764 3.60093 4.20975 3.60093 4.4701 3.86128L7.9987 7.38987L11.5273 3.86128C11.7876 3.60093 12.2098 3.60093 12.4701 3.86128C12.7305 4.12163 12.7305 4.54374 12.4701 4.80409L8.94151 8.33268L12.4701 11.8613C12.7305 12.1216 12.7305 12.5437 12.4701 12.8041C12.2098 13.0644 11.7876 13.0644 11.5273 12.8041L7.9987 9.27549L4.4701 12.8041C4.20975 13.0644 3.78764 13.0644 3.52729 12.8041C3.26694 12.5437 3.26694 12.1216 3.52729 11.8613L7.05589 8.33268L3.52729 4.80409C3.26694 4.54374 3.26694 4.12163 3.52729 3.86128Z' fill='%232B2B2B'/%3E%3C/svg%3E");
}

.whohelped__title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
}

.whohelped__descr {
    margin-top: 12px;
    color: #868E96;
    font-size: 12px;
    line-height: 16px;
    font-size: 14px;
}

.whohelped__content {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 5px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    background: #FFF;
    height: 215px;
    overflow: auto;
    padding: 12px 20px;
}

.whohelped__item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.whohelped__item-content {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 11px;
    border-radius: 4px;
    border: 1px solid #E7E7E7;
}

.whohelped__item-image {
    display: flex;
    align-items: center;
    width: 54px;
    height: 54px;
    min-width: 54px;
    overflow: hidden;
    border-radius: 50%;
}

    .whohelped__item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.whohelped__item-username {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.whohelped__item-btn {
    text-transform: none;
    margin-left: auto;
    gap: 4px;
    font-size: 12px;
    padding: 11px;
    min-height: 36px;
}

.whohelped__bottom-title {
    margin: 15px 0px;
}

.whohelped__bottom {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .whohelped__bottom input {
        height: 34px;
        color: #4C4C4C;
        font-weight: 600;
    }

.whohelped__chose {
    margin-top: 32px;
    margin-left: auto;
    font-size: 14px;
    min-height: 42px;
    padding: 11px 24px;
}

@media (max-width: 768px) {
    .whohelped__inner {
        margin-top: 25%;
    }

    .whohelped__content {
        padding: 11px;
        height: 176px;
    }

    .whohelped__item-btn {
        font-size: 0;
        gap: 0;
    }

    .whohelped__bottom {
        margin-top: 16px;
    }

    .whohelped__chose {
        margin-top: 23px;
    }

    .whohelped__close {
        top: -53px;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.05849 7.72378C7.57919 7.20308 8.42341 7.20308 8.94411 7.72378L16.0013 14.781L23.0585 7.72378C23.5792 7.20308 24.4234 7.20308 24.9441 7.72378C25.4648 8.24448 25.4648 9.0887 24.9441 9.60939L17.8869 16.6666L24.9441 23.7238C25.4648 24.2445 25.4648 25.0887 24.9441 25.6094C24.4234 26.1301 23.5792 26.1301 23.0585 25.6094L16.0013 18.5522L8.94411 25.6094C8.42341 26.1301 7.57919 26.1301 7.05849 25.6094C6.53779 25.0887 6.53779 24.2445 7.05849 23.7238L14.1157 16.6666L7.05849 9.60939C6.53779 9.0887 6.53779 8.24448 7.05849 7.72378Z' fill='white'/%3E%3C/svg%3E");
        width: 32px;
        min-width: 32px;
        height: 32px;
    }
}


.offers {
    position: relative;
    z-index: 1;
}

    .offers::after,
    .offers::before {
        content: '';
        position: absolute;
        z-index: -1;
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
        border-radius: 362px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .offers::before {
        left: -116px;
        top: 543px;
    }

    .offers::after {
        right: -118px;
        top: 137px;
    }

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

.offers__item {
    padding: 0;
    border: none;
    display: flex;
    align-items: stretch;
    border-radius: 10px;
    overflow: hidden;
}

.bets__item-image {
    display: flex;
    align-items: center;
    overflow: hidden;
    max-width: 340px;
    min-width: 340px;
    width: 100%;
    height: auto;
}


    .bets__item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.bets__item-right {
    width: 100%;
    padding: 20px;
    border-radius: 0 10px 10px 0;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
}

.offers__item .request__item-start {
    border-bottom: 1px solid #E5E5E5;
}

.offers__item .bets__item-info {
    gap: 20px;
    justify-content: space-between;
}

.offers__item .bets__item-bottom,
.offers__item .bets__item-info {
    margin-top: 20px;
}

.bets__item-bottom-title {
    display: none;
}

@media (max-width: 1024px) {
    .bets__item-image {
        max-width: 250px;
        min-width: 250px;
    }

    .bets__item.offer__item .bets__item-image {
        max-width: 100%;
        height: 400px;
    }

    .bets__item-right {
        border-radius: 0 0 10px 10px;
        overflow: hidden;
        border-top: none;
        border-left: 1px solid #E5E5E5;
    }
}

@media (max-width: 768px) {
    .bets__item.offer__item .bets__item-image {
        height: 350px;
    }

    .bets__item-image {
        max-width: 100%;
        min-width: auto;
        height: 350px;
    }

    .offers__item {
        flex-direction: column;
    }

        .offers__item .bets__item-right {
            border-radius: 0 0 10px 10px;
            border-top: none;
            border-right: 1px solid #E5E5E5;
            border-bottom: 1px solid #E5E5E5;
            border-left: 1px solid #E5E5E5;
        }

        .offers__item .bets__item-bottom {
            gap: 14px;
            flex-direction: column;
        }

        .offers__item .bets__item-stats {
            width: 100%;
            justify-content: center;
            border-top: 1px solid #E0E0E0;
            border-bottom: 1px solid #E0E0E0;
            padding: 7px;
            gap: 32px;
            margin-top: 20px;
            order: -1;
            margin-bottom: 8px;
        }

        .offers__item .bets__item-buttons {
            flex-direction: column;
            width: 100%;
            border-radius: 5px;
            border: 1px solid rgba(142, 156, 142, 0.30);
            padding: 11px;
            gap: 12px;
        }

        .offers__item .bets__item-btn {
            max-width: 100%;
        }

        .offers__item .bets__item-message {
            margin-top: 20px;
            -webkit-line-clamp: 4;
        }

    .bets__item.offer__item .bets__item-name {
        margin: 20px 0;
    }

    .offers__item .bets__item-bottom-title {
        display: inline-block;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        width: 100%;
    }
}



.bets {
    position: relative;
    z-index: 1;
}

    .bets::after,
    .bets::before {
        content: '';
        position: absolute;
        z-index: -1;
        width: 271px;
        height: 362px;
        transform: rotate(-18.171deg);
        border-radius: 362px;
        opacity: 0.1;
        background: #1BB319;
        filter: blur(100px);
    }

    .bets::before {
        left: -116px;
        top: 543px;
    }

    .bets::after {
        right: -118px;
        top: 137px;
    }



/* cabinet */
.cabinet {
    position: relative;
    z-index: 1;
    padding: 138px 0 120px;
}

    .cabinet::before,
    .cabinet::after {
        content: '';
        position: absolute;
        z-index: -1;
        background: #1BB319;
        filter: blur(100px);
    }

    .cabinet::before {
        border-radius: 258.465px;
        opacity: 0.3;
        width: 258.465px;
        height: 160.817px;
        transform: rotate(-31.632deg);
        top: 340px;
        left: -70px;
    }

    .cabinet::after {
        border-radius: 430.726px;
        opacity: 0.2;
        width: 430.726px;
        height: 267.739px;
        transform: rotate(-31.632deg);
        top: 440px;
        right: -240px;
    }

.cabinet__title {
    position: relative;
    z-index: 1;
    color: #1BB319;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    background: rgba(42, 179, 37, 0.10);
    max-width: max-content;
}

.cabinet__content {
    margin-top: 40px;
    display: flex;
    gap: 25px;
    align-items: start;
    justify-content: space-between;
}

.cabinet__select {
    width: 100%;
    max-width: 305px;
    border-radius: 4px;
    border: 1px solid #F1F3F5;
    background-color: #fff;
}

.cabinet__select-btn {
    padding: 16px;
    min-height: 53px;
    gap: 12px;
    color: #2B2B2B;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    max-width: 100%;
    justify-content: start;
}

    .cabinet__select-btn:hover,
    .cabinet__select-btn.active {
        background: #D2EFD1;
    }

.cabinet__result:not(.active) {
    display: none;
}

.cabinet__result {
    width: 100%;
    max-width: 967px;
    border: 1px solid rgba(142, 156, 142, 0.30);
    border-radius: 4px;
    background: #FFF;
}

.cabinet__result-top {
    padding: 23px 39px;
    border-bottom: 1px solid rgba(142, 156, 142, 0.30);
}

.cabinet__result-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.cabinet__result-content {
    padding: 24px 40px;
}

.cabinet__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cabinet__form-photo {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cabinet__form-photo--user {
    display: flex;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    width: 72px;
    height: 72px;
    min-width: 72px;
    background-color: #DDEDF7;
}

    .cabinet__form-photo--user img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.cabinet__form-photo--input {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 13px 23px;
    border-radius: 800px;
    border: 1px solid #CED4DA;
    background-color: #fff;
    text-transform: none;
    text-align: center;
}

    .cabinet__form-photo--input:hover {
        background: #F8F9FA;
    }

.cabinet__form-photo--descr {
    margin-top: 12px;
    color: #ADB5BD;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.cabinet__form-selected {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .cabinet__form-selected:not(.active) {
        display: none;
    }

.cabinet__form-checkbox {
    display: flex;
    align-items: center;
    gap: 32px;
}

.cabinet__form-box {
    width: 100%;
    display: flex;
    align-items: end;
    gap: 8px;
}

.cabinet__form-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
}

.cabinet__form-old {
    max-width: 240px;
}

.cabinet__form-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.cabinet__form-input {
    padding: 7px 11px;
    height: 34px;
}

    .cabinet__form-input.invalid {
        border-color: red;
    }

.cabinet__form-send {
    font-size: 14px;
    height: 46px;
    max-width: 99px;
}

.cabinet__form-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.cabinet__form-textarea {
    margin-top: 20px;
    height: 293px;
}

.cabinet__form-name + .cabinet__form-input {
    margin-top: 20px;
}

.cabinet__form-descr {
    margin-top: 8px;
    margin-bottom: 8px;
    color: #868E96;
    font-size: 12px;
    line-height: 16px;
}

.cabinet__form-info .created__form-chose .created-chose-open {
    height: 34px;
    padding: 5px 11px;
}

.cabinet__form-info .created__form-chose .created-chose-content {
    max-height: 400px;
}

.cabinet__form-info .created-chose-selected {
    padding: 0;
    margin-top: 24px;
    box-shadow: none;
}

.cabinet__form-edit--title,
.cabinet__form-socials--title {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.cabinet__form-edit--block {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.cabinet__form-edit--input {
    padding: 0;
    border: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    height: 24px;
    max-width: max-content;
    display: flex;
    align-items: center;
}

.cabinet__form-edit--btn {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.8389 7.95164L13.0559 7.73472C13.8126 6.97798 14.191 6.59961 14.6612 6.59961C15.1313 6.59961 15.5097 6.97798 16.2665 7.73472C17.0232 8.49146 17.4016 8.86983 17.4016 9.34001C17.4016 9.81019 17.0232 10.1886 16.2665 10.9453L16.0495 11.1622M12.8389 7.95164L7.26919 13.5214C6.9349 13.8557 6.76775 14.0229 6.68125 14.2358C6.59476 14.4487 6.59799 14.6851 6.60447 15.1578L6.6196 16.2621C6.62675 16.7839 6.63032 17.0448 6.79334 17.2078C6.95636 17.3709 7.21726 17.3744 7.73905 17.3816L8.84338 17.3967C9.3161 17.4032 9.55246 17.4064 9.76539 17.3199C9.97833 17.2334 10.1455 17.0663 10.4798 16.732L16.0495 11.1622M12.8389 7.95164L16.0495 11.1622M12.8542 17.3967L17.4016 17.3967' stroke='%231BB319' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.cabinet__form-socials--block {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cabinet__form-socials--start,
.cabinet__form-socials--item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cabinet__form-socials--start {
    min-width: 97px;
}

.cabinet__form-socials--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 34px;
    min-width: 34px;
}

.cabinet__form-socials--name {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.cabinet__form-socials--item .cabinet__form-input {
    font-size: 12px;
}

.cabinet__form-lang--delete,
.cabinet__form-socials-delete {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.6392 15.8812L15.8928 15.807L16.6392 15.8812ZM7.96084 15.8812L7.21452 15.9554L7.96084 15.8812ZM9.38559 18.98L9.06373 19.6574H9.06374L9.38559 18.98ZM8.40041 18.0833L7.75655 18.468H7.75655L8.40041 18.0833ZM16.1996 18.0833L16.8435 18.468L16.8435 18.468L16.1996 18.0833ZM15.2144 18.98L15.5363 19.6574L15.5363 19.6574L15.2144 18.98ZM6 7.21878C5.58579 7.21878 5.25 7.55457 5.25 7.96878C5.25 8.38299 5.58579 8.71878 6 8.71878V7.96878V7.21878ZM18.6 8.71878C19.0142 8.71878 19.35 8.38299 19.35 7.96878C19.35 7.55457 19.0142 7.21878 18.6 7.21878V7.96878V8.71878ZM13.3174 4.85966L13.5126 4.1355V4.13549L13.3174 4.85966ZM14.5324 6.08154L15.2571 5.88846L14.5324 6.08154ZM11.2826 4.85966L11.4777 5.58383L11.2826 4.85966ZM10.0676 6.08154L10.7924 6.27463L10.0676 6.08154ZM15.0509 10.635C15.0918 10.2228 14.7909 9.85545 14.3788 9.81446C13.9666 9.77348 13.5992 10.0744 13.5582 10.4866L14.3045 10.5608L15.0509 10.635ZM12.9855 16.2466C12.9445 16.6588 13.2454 17.0261 13.6576 17.0671C14.0698 17.1081 14.4372 16.8072 14.4781 16.395L13.7318 16.3208L12.9855 16.2466ZM11.0418 10.4866C11.0008 10.0744 10.6334 9.77348 10.2212 9.81446C9.80907 9.85545 9.50815 10.2228 9.54913 10.635L10.2955 10.5608L11.0418 10.4866ZM10.1219 16.395C10.1628 16.8072 10.5302 17.1081 10.9424 17.0671C11.3546 17.0261 11.6555 16.6588 11.6145 16.2466L10.8682 16.3208L10.1219 16.395ZM12.9919 19.2008V18.4508H11.6081V19.2008V19.9508H12.9919V19.2008ZM11.6081 19.2008V18.4508C11.0104 18.4508 10.6053 18.4502 10.2904 18.4255C9.9849 18.4015 9.82391 18.3579 9.70745 18.3026L9.38559 18.98L9.06374 19.6574C9.41193 19.8229 9.77625 19.8897 10.1729 19.9209C10.5601 19.9513 11.0339 19.9508 11.6081 19.9508V19.2008ZM7.96084 15.8812L7.21452 15.9554C7.27167 16.5302 7.31824 17.0038 7.38678 17.3877C7.45693 17.7806 7.55895 18.1372 7.75655 18.468L8.40041 18.0833L9.04427 17.6987C8.97721 17.5864 8.91774 17.4283 8.86343 17.1241C8.8075 16.8109 8.76661 16.405 8.70716 15.807L7.96084 15.8812ZM9.38559 18.98L9.70745 18.3026C9.43255 18.172 9.2016 17.9621 9.04427 17.6987L8.40041 18.0833L7.75655 18.468C8.06543 18.985 8.52011 19.3992 9.06373 19.6574L9.38559 18.98ZM16.6392 15.8812L15.8928 15.807C15.8334 16.405 15.7925 16.8109 15.7366 17.1241C15.6823 17.4283 15.6228 17.5864 15.5557 17.6987L16.1996 18.0833L16.8435 18.468C17.041 18.1372 17.1431 17.7806 17.2132 17.3877C17.2818 17.0038 17.3283 16.5302 17.3855 15.9554L16.6392 15.8812ZM12.9919 19.2008V19.9508C13.5661 19.9508 14.0399 19.9513 14.4271 19.9209C14.8238 19.8897 15.1881 19.8229 15.5363 19.6574L15.2144 18.98L14.8926 18.3026C14.7761 18.3579 14.6151 18.4015 14.3096 18.4255C13.9947 18.4502 13.5896 18.4508 12.9919 18.4508V19.2008ZM16.1996 18.0833L15.5557 17.6987C15.3984 17.9621 15.1674 18.172 14.8926 18.3026L15.2144 18.98L15.5363 19.6574C16.0799 19.3992 16.5346 18.985 16.8435 18.468L16.1996 18.0833ZM14.5909 7.10478H13.8409V7.68078H14.5909H15.3409V7.10478H14.5909ZM10.0091 7.68078H10.7591V7.10478H10.0091H9.25909V7.68078H10.0091ZM12.3 4.80078V5.55078C12.8812 5.55078 13.0238 5.55729 13.1223 5.58383L13.3174 4.85966L13.5126 4.13549C13.1741 4.04427 12.7841 4.05078 12.3 4.05078V4.80078ZM14.5909 7.10478H15.3409C15.3409 6.61715 15.3473 6.22701 15.2571 5.88846L14.5324 6.08154L13.8076 6.27463C13.8345 6.37556 13.8409 6.52108 13.8409 7.10478H14.5909ZM13.3174 4.85966L13.1223 5.58383C13.4549 5.67346 13.7173 5.93563 13.8076 6.27463L14.5324 6.08154L15.2571 5.88846C15.0296 5.03481 14.3658 4.36543 13.5126 4.1355L13.3174 4.85966ZM12.3 4.80078V4.05078C11.8159 4.05078 11.4259 4.04427 11.0874 4.1355L11.2826 4.85966L11.4777 5.58383C11.5762 5.55729 11.7188 5.55078 12.3 5.55078V4.80078ZM10.0091 7.10478H10.7591C10.7591 6.52108 10.7655 6.37556 10.7924 6.27463L10.0676 6.08154L9.34292 5.88846C9.25272 6.22701 9.25909 6.61715 9.25909 7.10478H10.0091ZM11.2826 4.85966L11.0874 4.1355C10.2342 4.36543 9.57035 5.03481 9.34292 5.88846L10.0676 6.08154L10.7924 6.27463C10.8827 5.93563 11.1451 5.67346 11.4777 5.58383L11.2826 4.85966ZM14.3045 10.5608L13.5582 10.4866L12.9855 16.2466L13.7318 16.3208L14.4781 16.395L15.0509 10.635L14.3045 10.5608ZM10.2955 10.5608L9.54913 10.635L10.1219 16.395L10.8682 16.3208L11.6145 16.2466L11.0418 10.4866L10.2955 10.5608ZM17.4259 7.96878V8.71878H18.6V7.96878V7.21878H17.4259V7.96878ZM17.4259 7.96878L16.6796 7.89457L15.8928 15.807L16.6392 15.8812L17.3855 15.9554L18.1722 8.04299L17.4259 7.96878ZM14.5909 7.96878V8.71878H17.4259V7.96878V7.21878H14.5909V7.96878ZM14.5909 7.68078H13.8409V7.96878H14.5909H15.3409V7.68078H14.5909ZM10.0091 7.96878V8.71878H14.5909V7.96878V7.21878H10.0091V7.96878ZM10.0091 7.68078H9.25909V7.96878H10.0091H10.7591V7.68078H10.0091ZM6 7.96878V8.71878H7.17409V7.96878V7.21878H6V7.96878ZM7.17409 7.96878V8.71878H10.0091V7.96878V7.21878H7.17409V7.96878ZM7.96084 15.8812L8.70716 15.807L7.92041 7.89457L7.17409 7.96878L6.42777 8.04299L7.21452 15.9554L7.96084 15.8812Z' fill='%23E96B57'/%3E%3C/svg%3E");
}

.cabinet__form-lang--add,
.cabinet__form-socials--add {
    gap: 8px;
    color: #1BB319;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
    text-transform: none;
    margin-top: 20px;
}

    .cabinet__form-lang--add::before,
    .cabinet__form-socials--add::before {
        content: '';
        width: 27px;
        height: 27px;
        min-width: 27px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.5' cy='13.5' r='13' stroke='%231BB319'/%3E%3Cpath d='M18.2889 14.1724H14.7884V18.1422H13.0871V14.1724H9.56711V12.6276H13.0871V8.81422H14.7884V12.6276H18.2889V14.1724Z' fill='%231BB319'/%3E%3C/svg%3E%0A");
    }

.cabinet__form-inform--lang label span {
    gap: 20px;
}

    .cabinet__form-inform--lang label span img {
        width: auto;
        height: auto;
        max-width: 16px;
        max-height: 16px;
        overflow: hidden;
        border-radius: 50%;
        margin-right: -12px;
    }

.cabinet__form-inform--title {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.cabinet__form-inform--content {
    margin-top: 20px;
}

.cabinet__form-inform--checkbox {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cabinet__form-inform--tg {
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    padding: 11px 29px;
}

.cabinet__form-inform--name {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 18px;
}

    .cabinet__form-inform--name:not(:first-child) {
        margin-top: 20px;
    }

.cabinet__form-inform--lang {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .cabinet__form-inform--lang + .form-checkbox {
        margin-top: 20px;
    }

.cabinet__form-inform--security {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.cabinet__form-inform--btn {
    gap: 10px;
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}

    .cabinet__form-plans--change svg path,
    .cabinet__form-inform--btn svg path {
        transition: all .2s ease;
    }

    .cabinet__form-plans--change:hover,
    .cabinet__form-inform--btn:hover {
        color: #1BB319;
    }

        .cabinet__form-plans--change:hover svg path[fill],
        .cabinet__form-inform--btn:hover svg path[fill] {
            fill: #1BB319;
        }

        .cabinet__form-plans--change:hover svg path[stroke],
        .cabinet__form-inform--btn:hover svg path[stroke] {
            stroke: #1BB319;
        }

.cabinet__form-inform--deactivated {
    color: #E96B57;
}

.cabinet__form-inform--plans {
    margin-top: 20px;
    border-radius: 4px;
    border-top: 3px solid #1BB319;
    border-right: 1px solid #1BB319;
    border-bottom: 1px solid #1BB319;
    border-left: 1px solid #1BB319;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cabinet__form-plans--change {
    margin-top: 20px;
    gap: 10px;
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}

.cabinet__form-inform--payments {
    margin-top: 8px;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cabinet__form-plans--date {
    color: #757575;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.cabinet__form-payments--cart {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .cabinet__form-payments--cart img {
        width: auto;
        height: auto;
        max-width: 33px;
    }

.cabinet__form-payments--num {
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
}

.cabinet__form-payments--num {
    font-size: 14px;
}

.cabinet__form-lang {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cabinet__form-lang--box {
    display: flex;
    align-items: end;
    gap: 8px;
}

.cabinet__form-lang--block {
    width: 100%;
}

.cabinet__form-lang--delete {
    margin-left: 25px;
    margin-bottom: 5px;
}

.cabinet__form-lang--name {
    margin-bottom: 6px;
    font-size: 14px;
}

.cabinet .form-selects {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 1440px) {
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .cabinet__select {
        max-width: 210px;
    }

    .cabinet__form-lang--box {
        display: grid;
        align-items: end;
        gap: 8px;
        grid-template-columns: 155px 1fr 24px;
    }

    .cabinet__form-lang--delete {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .cabinet {
        padding: 112px 0 80px;
    }

    .cabinet__title {
        font-size: 28px;
        padding: 7px 20px;
    }

    .cabinet__content {
        flex-direction: column;
    }

    .cabinet__select {
        max-width: 100%;
    }

    .cabinet__form-lang--block .form-selects-name {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-width: 100%;
        padding-right: 30px;
        text-wrap: nowrap;
    }

    .cabinet__form-lang--box {
        grid-template-columns: 130px 1fr 24px;
    }
}

@media (max-width: 480px) {
    .cabinet__select {
        display: flex;
    }

    .cabinet__select-btn {
        padding: 16px 5px;
        flex-direction: column;
    }

    .cabinet__result-content {
        padding: 24px 12px;
    }

    .cabinet__form-lang--block {
        min-width: 100px;
    }

    .cabinet__form-lang--delete {
        margin-left: auto;
    }

    .cabinet__form-box {
        flex-direction: column;
    }
}

@media (max-width: 375px) {
    .cabinet__form-lang--box {
        grid-template-columns: 110px 1fr 24px;
    }
}


.exitpopup {
    position: fixed;
    inset: 0;
    overflow: auto;
    z-index: 222;
    background: rgba(19, 35, 47, 0.60);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

    .exitpopup.show {
        opacity: 1;
        pointer-events: all;
    }

.exitpopup__inner {
    position: relative;
    margin: 25% auto 2%;
    width: 100%;
    max-width: 160px;
    padding: 31px 20px 20px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

.exitpopup__title {
    text-align: center;
    color: #1E1E1E;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.exitpopup__icon {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
}

.exitpopup__buttons {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 15px;
}

.exitpopup__btn {
    color: #ACACAC;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
}

    .exitpopup__btn.exitpopup-logout {
        color: #E96B57;
    }




.renewpopup {
    position: fixed;
    inset: 0;
    overflow: auto;
    z-index: 222;
    background: rgba(19, 35, 47, 0.60);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

    .renewpopup.show {
        opacity: 1;
        pointer-events: all;
    }

.renewpopup__inner {
    position: relative;
    margin: 15% auto 2%;
    width: 100%;
    max-width: 500px;
    padding: 48px 24px 16px;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.renewpopup__close {
    position: absolute;
    top: 16px;
    right: 24px;
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52729 3.86128C3.78764 3.60093 4.20975 3.60093 4.4701 3.86128L7.9987 7.38987L11.5273 3.86128C11.7876 3.60093 12.2098 3.60093 12.4701 3.86128C12.7305 4.12163 12.7305 4.54374 12.4701 4.80409L8.94151 8.33268L12.4701 11.8613C12.7305 12.1216 12.7305 12.5437 12.4701 12.8041C12.2098 13.0644 11.7876 13.0644 11.5273 12.8041L7.9987 9.27549L4.4701 12.8041C4.20975 13.0644 3.78764 13.0644 3.52729 12.8041C3.26694 12.5437 3.26694 12.1216 3.52729 11.8613L7.05589 8.33268L3.52729 4.80409C3.26694 4.54374 3.26694 4.12163 3.52729 3.86128Z' fill='%232B2B2B'/%3E%3C/svg%3E");
}

.renewpopup__title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.renewpopup__descr {
    color: #212529;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
    margin-top: 24px;
}

.renewpopup__form {
    margin-top: 24px;
    width: 100%;
}

.renewpopup__btn {
    margin-top: 32px;
    margin-left: auto;
    font-size: 14px;
    max-width: 120px;
    min-height: 42px;
}

@media (max-width: 1024px) {
    .renewpopup__inner {
        margin-top: 20%;
    }
}

@media (max-width: 768px) {
    .renewpopup {
        padding-top: 60px;
    }

    .renewpopup__close {
        top: -53px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.05752 7.72451C7.57822 7.20381 8.42244 7.20381 8.94313 7.72451L16.0003 14.7817L23.0575 7.72451C23.5782 7.20381 24.4224 7.20381 24.9431 7.72451C25.4638 8.24521 25.4638 9.08943 24.9431 9.61013L17.8859 16.6673L24.9431 23.7245C25.4638 24.2452 25.4638 25.0894 24.9431 25.6101C24.4224 26.1308 23.5782 26.1308 23.0575 25.6101L16.0003 18.5529L8.94313 25.6101C8.42244 26.1308 7.57822 26.1308 7.05752 25.6101C6.53682 25.0894 6.53682 24.2452 7.05752 23.7245L14.1147 16.6673L7.05752 9.61013C6.53682 9.08943 6.53682 8.24521 7.05752 7.72451Z' fill='white'/%3E%3C/svg%3E");
        width: 32px;
        height: 32px;
        min-width: 32px;
        right: 0;
    }
}

@media (max-width: 375px) {
    .renewpopup__inner {
        margin-top: 30%;
    }
}

.form-choose-checkbox.active {
    display: flex !important;
}

.bg-image {
    /* The image used */
    background-image: url("photographer.jpg");
    /* Add the blur effect */
    filter: blur(8px);
    -webkit-filter: blur(8px);
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.authorization__form-error {
    color: red;
    font-size: 14px;
    margin-top: 2px;
}

.validation-message {
    font-size: 14px;
    color: red;
}

/* Full-screen container */
.loading-screen {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    pointer-events: all;
}

.loading-screen--fullscreen {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.95);
}

/* Overlay background */
.loading-screen__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
    pointer-events: none;
}

/* Content Container - White Background */
.loading-screen__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    z-index: 1;
    background-color: #ffffff;
    padding: 30px 40px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    pointer-events: auto;
}

/* Loading message */
.loading-screen__message {
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: 8px;
}

/* ============================================
   Spinner Animations
   ============================================ */

/* Circular Spinner */
.loading-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-spinner__circle {
    width: 48px;
    height: 48px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #1BB319;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Dots Spinner */
.loading-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.loading-dots__dot {
    width: 12px;
    height: 12px;
    background-color: #1BB319;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out both;
}

    .loading-dots__dot:nth-child(1) {
        animation-delay: -0.32s;
    }

    .loading-dots__dot:nth-child(2) {
        animation-delay: -0.16s;
    }

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

/* Bar Spinner */
.loading-bar {
    width: 200px;
    height: 4px;
    background-color: #f3f3f3;
    border-radius: 2px;
    overflow: hidden;
}

.loading-bar__progress {
    height: 100%;
    background-color: #1BB319;
    border-radius: 2px;
    animation: progress 1.5s ease-in-out infinite;
}

@keyframes progress {
    0% {
        width: 0%;
        margin-left: 0%;
    }

    50% {
        width: 75%;
        margin-left: 25%;
    }

    100% {
        width: 0%;
        margin-left: 100%;
    }
}

/* ============================================
   Dark Mode Support
   ============================================ */
@media (prefers-color-scheme: dark) {
    .loading-screen--fullscreen {
        background-color: rgba(255, 255, 255, 0.95);
    }

    .loading-screen__overlay {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .loading-screen__content {
        background-color: #ffffff;
    }

    .loading-screen__message {
        color: #2B2B2B;
    }

    .loading-spinner__circle {
        border-color: #f3f3f3;
        border-top-color: #1BB319;
    }

    .loading-bar {
        background-color: #f3f3f3;
    }
}

/* ============================================
   Responsive Design
   ============================================ */
@media (max-width: 768px) {
    .loading-screen__content {
        padding: 24px 32px;
    }

    .loading-spinner__circle {
        width: 40px;
        height: 40px;
        border-width: 3px;
    }

    .loading-screen__message {
        font-size: 14px;
    }

    .loading-bar {
        width: 150px;
    }
}

@media (max-width: 480px) {
    .loading-screen__content {
        padding: 20px 24px;
    }

    .loading-spinner__circle {
        width: 36px;
        height: 36px;
    }

    .loading-dots__dot {
        width: 10px;
        height: 10px;
    }

    .loading-bar {
        width: 120px;
        height: 3px;
    }
}

/* Unsaved changes indicator for PersonalInformation page */

/* Yellow indicator dot that appears next to section titles with unsaved changes */
.cabinet__result-title.has-unsaved-changes::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background-color: #F8BD2C;
    margin-left: 10px;
    position: relative;
    top: -2px;
    animation: pulse-yellow 2s infinite;
    box-shadow: 0 0 4px rgba(248, 189, 44, 0.5);
}

/* Yellow indicator dot for tab navigation buttons */
.cabinet__select-btn.has-unsaved-changes::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background-color: #F8BD2C;
    margin-left: 8px;
    position: relative;
    top: -1px;
    animation: pulse-yellow 2s infinite;
    box-shadow: 0 0 4px rgba(248, 189, 44, 0.5);
}

/* Small yellow text label for unsaved changes next to field labels */
.unsaved-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    color: #F8BD2C;
    margin-left: 8px;
    text-transform: lowercase;
    opacity: 0.9;
    animation: fade-in-out 2s infinite;
    vertical-align: middle;
    font-weight: 600;
}

/* Adjust size for social media names */
.cabinet__form-socials--name .unsaved-label {
    font-size: 10px;
    margin-left: 6px;
}

/* Pulse animation for the unsaved changes indicator */
@keyframes pulse-yellow {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(1.1);
    }
}

/* Fade animation for the unsaved label text */
@keyframes fade-in-out {
    0%, 100% {
        opacity: 0.9;
    }

    50% {
        opacity: 0.6;
    }
}

/* Optional: Add tooltip on hover to explain the indicator */
.cabinet__result-title.has-unsaved-changes {
    position: relative;
}

@media (max-width: 768px) {
    .cabinet__select-btn.has-unsaved-changes::after {
        margin: 0px;
    }

    .unsaved-label {
        font-size: 10px;
        margin-left: 6px;
    }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* Admin AdminDashboard */

.admin-dashboard {
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header {
    margin-bottom: 1rem;
}

    .dashboard-header h1 {
        font-size: 2rem;
        font-weight: 700;
        color: #2c3e50;
        margin: 0 0 0.5rem 0;
    }

.dashboard-subtitle {
    color: #7f8c8d;
    font-size: 1rem;
    margin: 0;
}

.dashboard-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}

    .stat-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }

.stat-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .stat-icon svg {
        width: 28px;
        height: 28px;
        stroke-width: 2;
    }

    .stat-icon.users {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }

        .stat-icon.users svg {
            stroke: white;
        }

    .stat-icon.tours {
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    }

        .stat-icon.tours svg {
            stroke: white;
        }

    .stat-icon.requests {
        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    }

        .stat-icon.requests svg {
            stroke: white;
        }

    .stat-icon.revenue {
        background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    }

        .stat-icon.revenue svg {
            stroke: white;
        }

.stat-content {
    flex: 1;
}

.stat-value {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 0.25rem 0;
}

.stat-label {
    font-size: 0.875rem;
    color: #7f8c8d;
    margin: 0;
}

.dashboard-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
}

.dashboard-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e1e4e8;
}

    .card-header h2 {
        font-size: 1.25rem;
        font-weight: 600;
        color: #2c3e50;
        margin: 0;
    }

.card-body {
    padding: 1.5rem;
}

.activity-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.activity-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 8px;
    transition: background-color 0.2s;
}

    .activity-item:hover {
        background-color: #f5f6fa;
    }

.activity-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

    .activity-icon.new-user {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }

    .activity-icon.new-tour {
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    }

    .activity-icon.new-request {
        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    }

.activity-details {
    flex: 1;
}

.activity-title {
    font-weight: 500;
    color: #2c3e50;
    margin: 0 0 0.25rem 0;
}

.activity-time {
    font-size: 0.875rem;
    color: #7f8c8d;
    margin: 0;
}

.quick-actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .action-btn svg {
        width: 18px;
        height: 18px;
        stroke-width: 2;
    }

    .action-btn.primary {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }

        .action-btn.primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
        }

        .action-btn.primary svg {
            stroke: white;
        }

    .action-btn.secondary {
        background: #f5f6fa;
        color: #2c3e50;
    }

        .action-btn.secondary:hover {
            background: #e1e4e8;
        }

        .action-btn.secondary svg {
            stroke: #2c3e50;
        }

@media (max-width: 768px) {
    .dashboard-stats {
        grid-template-columns: 1fr;
    }

    .dashboard-content {
        grid-template-columns: 1fr;
    }

    .dashboard-header h1 {
        font-size: 1.5rem;
    }
}

/* Admin AdminHeader */

.admin-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    background-color: #ffffff;
    border-bottom: 1px solid #e1e4e8;
    padding: 0 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    width: 100%;
}

.admin-header-left {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.burger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 20px;
    height: 15px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
    position: relative;
    flex-shrink: 0;
}

    .burger-menu span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #2c3e50;
        border-radius: 2px;
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transform-origin: center;
    }

    /* Animated cross when open */
    .burger-menu.open span:nth-child(1) {
        transform: translateY(6.5px) rotate(45deg);
        background-color: #667eea;
    }

    .burger-menu.open span:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
    }

    .burger-menu.open span:nth-child(3) {
        transform: translateY(-6.5px) rotate(-45deg);
        background-color: #667eea;
    }

    .burger-menu:hover span {
        background-color: #667eea;
    }

    .burger-menu.open:hover span {
        background-color: #764ba2;
    }

.admin-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 0.75rem;
    white-space: nowrap;
}

.admin-logo-icon {
    height: 40px;
    width: auto;
    flex-shrink: 0;
}

.admin-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    white-space: nowrap;
    align-items: center;
}

.admin-header-right {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-shrink: 0;
    margin-left: auto;
}

.admin-header-btn {
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s;
}

    .admin-header-btn:hover {
        background-color: #f5f6fa;
    }

    .admin-header-btn img {
        width: 20px;
        height: 20px;
    }

.notification-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #ff4757;
    color: white;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 5px;
    border-radius: 10px;
    min-width: 16px;
    text-align: center;
}

.admin-user-menu {
    position: relative;
}

.admin-user-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    transition: background-color 0.2s;
}

    .admin-user-btn:hover {
        background-color: #f5f6fa;
    }

.admin-user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1rem;
}

.admin-user-name {
    font-weight: 500;
    color: #2c3e50;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .admin-header {
        padding: 0 1rem;
    }

    .burger-menu {
        display: flex;
    }

    .admin-logo-icon {
        display: none;
    }

    .admin-title {
        display: none;
    }

    .admin-user-name {
        display: none;
    }
}

/* Admin AdminLayout */
.admin-layout {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #f5f6fa;
    overflow: hidden;
}

.admin-content-wrapper {
    display: flex;
    flex: 1;
    overflow: hidden;
    height: calc(100vh - 70px);
}

.admin-main {
    flex: 1;
    padding: 2rem;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f5f6fa;
    height: 100%;
}

    /* Custom scrollbar for main content */
    .admin-main::-webkit-scrollbar {
        width: 8px;
    }

    .admin-main::-webkit-scrollbar-track {
        background: #f5f6fa;
    }

    .admin-main::-webkit-scrollbar-thumb {
        background: #cbd5e0;
        border-radius: 4px;
    }

        .admin-main::-webkit-scrollbar-thumb:hover {
            background: #a0aec0;
        }

@media (max-width: 768px) {
    .admin-content-wrapper {
        flex-direction: column;
    }

    .admin-main {
        padding: 1rem;
    }
}

/* Admin AdminSidebar */
.admin-sidebar {
    width: 260px;
    background-color: #2c3e50;
    color: #ecf0f1;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 70px);
    position: sticky;
    top: 70px;
    overflow-y: auto;
    flex-shrink: 0;
}

.admin-nav {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5rem 0;
}

.admin-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}

.admin-nav-item {
    margin: 0;
}

.admin-nav-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1.5rem;
    color: #bdc3c7;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 0.95rem;
    font-weight: 500;
    border-left: 3px solid transparent;
    cursor: pointer;
    background: none;
    border: none;
    border-left: 3px solid transparent;
    width: 100%;
    text-align: left;
}

    .admin-nav-link:hover {
        background-color: rgba(52, 73, 94, 0.7);
        color: #ffffff;
        border-left-color: rgba(52, 152, 219, 0.5);
    }

    .admin-nav-link.active {
        background-color: rgba(52, 73, 94, 0.9);
        color: #ffffff;
        border-left-color: #3498db;
    }

        .admin-nav-link.active .admin-nav-icon {
            stroke: #3498db;
        }

.admin-nav-icon {
    width: 20px;
    height: 20px;
    stroke-width: 2;
    flex-shrink: 0;
}

/* Accordion Styles */
.accordion-item {
    margin: 0;
}

.accordion-toggle {
    position: relative;
    justify-content: space-between;
    max-width: stretch;
}

    .accordion-toggle.open {
        background-color: rgba(52, 73, 94, 0.5);
        color: #ffffff;
    }

.accordion-arrow {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    transition: transform 0.3s ease;
    margin-left: auto;
}

    .accordion-arrow.rotate {
        transform: rotate(180deg);
    }

.accordion-content {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

    .accordion-content.show {
        max-height: 500px;
    }

.accordion-subitem {
    margin: 0;
}

.submenu-link {
    padding-left: 3.5rem;
    font-size: 0.9rem;
    border-left: 3px solid transparent;
}

    .submenu-link:hover {
        background-color: rgba(52, 73, 94, 0.5);
        color: #ffffff;
    }

    .submenu-link.active {
        background-color: rgba(52, 73, 94, 0.7);
        color: #ffffff;
        border-left-color: #3498db;
    }

.admin-sidebar-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem;
    margin-top: auto;
}

.logout-btn {
    color: #e74c3c;
}

    .logout-btn:hover {
        background-color: rgba(231, 76, 60, 0.1);
        border-left-color: #e74c3c;
    }

    .logout-btn .admin-nav-icon {
        stroke: #e74c3c;
    }

/* Scrollbar styling */
.admin-sidebar::-webkit-scrollbar {
    width: 6px;
}

.admin-sidebar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.admin-sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

    .admin-sidebar::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.3);
    }

/* Sidebar overlay for mobile */
.sidebar-overlay {
    display: none;
}

@media (max-width: 768px) {
    .admin-sidebar {
        position: fixed;
        top: 70px;
        left: -100%;
        width: 280px;
        height: calc(100vh - 70px);
        z-index: 999;
        transition: left 0.3s ease;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    }

        .admin-sidebar.open {
            left: 0;
        }

    .sidebar-overlay {
        display: block;
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: calc(100vh - 70px);
        background: rgba(0, 0, 0, 0.5);
        z-index: 998;
        animation: fadeIn 0.3s ease;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .admin-nav {
        padding: 1rem 0;
    }

    .admin-nav-link {
        padding: 0.75rem 1rem;
    }

        .admin-nav-link span {
            font-size: 0.9rem;
        }

    .submenu-link {
        padding-left: 2.5rem;
    }
}

/* ====== COMPOSE BUTTON AND DIALOG STYLES ====== */

/* Compose Button Styling */
.compose-subitem {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

.compose-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white !important;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    width: 100%;
    text-align: left;
}

    .compose-btn:hover {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        transform: translateX(4px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

.compose-icon {
    width: 18px;
    height: 18px;
    stroke-width: 2;
    margin-right: 0.75rem;
}

/* Compose Dialog Backdrop */
.compose-dialog-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2000;
    animation: dialogFadeIn 0.2s ease;
}

@keyframes dialogFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Compose Dialog */
.compose-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 16px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 700px;
    max-height: 90vh;
    overflow-y: auto;
    z-index: 2001;
    animation: dialogSlideUp 0.3s ease;
}

@keyframes dialogSlideUp {
    from {
        opacity: 0;
        transform: translate(-50%, -45%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* Dialog Header */
.compose-dialog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2rem;
    border-bottom: 2px solid #e1e4e8;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px 16px 0 0;
}

    .compose-dialog-header h3 {
        font-size: 1.5rem;
        font-weight: 700;
        color: white;
        margin: 0;
    }

.btn-close-dialog {
    background: none;
    border: none;
    font-size: 2rem;
    color: white;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s;
}

    .btn-close-dialog:hover {
        background: rgba(255, 255, 255, 0.2);
        transform: rotate(90deg);
    }

/* Dialog Body */
.compose-dialog-body {
    padding: 2rem;
}

.compose-form-group {
    margin-bottom: 1.5rem;
}

    .compose-form-group label {
        display: block;
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 0.5rem;
        font-size: 0.95rem;
    }

.compose-form-control {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 2px solid #e1e4e8;
    border-radius: 10px;
    font-size: 0.95rem;
    color: #2c3e50;
    transition: all 0.3s ease;
    font-family: inherit;
}

    .compose-form-control:focus {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
    }

/* Recipients Container and Tags */
.compose-recipients-container {
    min-height: 48px;
    padding: 0.5rem;
    border: 2px solid #e1e4e8;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

    .compose-recipients-container:focus-within {
        border-color: #667eea;
        box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
    }

.compose-recipients-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.recipient-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.625rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    animation: tagSlideIn 0.2s ease;
}

@keyframes tagSlideIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.btn-remove-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-remove-tag:hover {
        background: rgba(255, 255, 255, 0.4);
        transform: scale(1.1);
    }

    .btn-remove-tag svg {
        width: 10px;
        height: 10px;
        stroke-width: 2.5;
    }

.compose-recipient-input {
    flex: 1;
    min-width: 200px;
    padding: 0.375rem 0.5rem !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

    .compose-recipient-input:focus {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

.compose-textarea {
    resize: vertical;
    min-height: 200px;
}

.compose-checkbox-label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    font-weight: 500;
}

    .compose-checkbox-label input[type="checkbox"] {
        width: 20px;
        height: 20px;
        cursor: pointer;
        accent-color: #667eea;
    }

/* Attachments Section */
.compose-attachments-area {
    margin-top: 0.5rem;
}

.compose-file-input {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
}

.compose-file-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 0.95rem;
}

    .compose-file-label:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
    }

    .compose-file-label svg {
        width: 20px;
        height: 20px;
        stroke-width: 2;
    }

.compose-attachments-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.compose-attachment-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1rem;
    background: #f8f9fa;
    border: 2px solid #e1e4e8;
    border-radius: 10px;
    transition: all 0.2s ease;
}

    .compose-attachment-item:hover {
        border-color: #667eea;
        background: #f0f4ff;
    }

.attachment-file-icon {
    width: 28px;
    height: 28px;
    stroke: #667eea;
    stroke-width: 2;
    flex-shrink: 0;
}

.attachment-file-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.attachment-file-name {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2c3e50;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-file-size {
    font-size: 0.85rem;
    color: #7f8c8d;
    margin-top: 0.25rem;
}

.btn-remove-compose-attachment {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: #e74c3c;
    transition: all 0.2s ease;
}

    .btn-remove-compose-attachment:hover {
        background: #ffeaea;
        transform: scale(1.1);
    }

    .btn-remove-compose-attachment svg {
        width: 16px;
        height: 16px;
        stroke-width: 2;
    }

/* Alerts */
.compose-alert {
    padding: 1rem 1.25rem;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    animation: alertSlideDown 0.3s ease;
}

@keyframes alertSlideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alert-success {
    background: #d4edda;
    color: #155724;
    border: 2px solid #c3e6cb;
}

.alert-error {
    background: #f8d7da;
    color: #721c24;
    border: 2px solid #f5c6cb;
}

/* Dialog Footer */
.compose-dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem 2rem;
    border-top: 2px solid #e1e4e8;
    background: #f8f9fa;
    border-radius: 0 0 16px 16px;
}

    .compose-dialog-footer button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.875rem 1.75rem;
        border: none;
        border-radius: 10px;
        font-size: 0.95rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }

.btn-compose-cancel {
    background: white;
    color: #2c3e50;
    border: 2px solid #e1e4e8;
}

    .btn-compose-cancel:hover:not(:disabled) {
        background: #f5f6fa;
        border-color: #cbd5e0;
    }

.btn-compose-draft {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: white;
}

    .btn-compose-draft:hover:not(:disabled) {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(243, 156, 18, 0.4);
    }

.btn-compose-send {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

    .btn-compose-send:hover:not(:disabled) {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
    }

.compose-dialog-footer button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Spinner */
.compose-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: composeSpinnerSpin 0.8s linear infinite;
}

@keyframes composeSpinnerSpin {
    to {
        transform: rotate(360deg);
    }
}

/* Mobile Responsive for Compose Dialog */
@media (max-width: 768px) {
    .compose-dialog {
        width: 95%;
        max-height: 95vh;
    }

    .compose-dialog-header {
        padding: 1rem 1.5rem;
    }

        .compose-dialog-header h3 {
            font-size: 1.25rem;
        }

    .compose-dialog-body {
        padding: 1.5rem;
    }

    .compose-dialog-footer {
        flex-direction: column;
        padding: 1rem 1.5rem;
        gap: 0.75rem;
    }

        .compose-dialog-footer button {
            width: 100%;
            justify-content: center;
        }

    .compose-textarea {
        min-height: 150px;
    }

    .compose-file-label {
        width: 100%;
        justify-content: center;
    }

    .compose-recipients-container {
        min-height: 60px;
        padding: 0.625rem;
    }

    .recipient-tag {
        font-size: 0.8rem;
        padding: 0.3rem 0.5rem;
    }

    .compose-recipient-input {
        min-width: 150px;
        font-size: 0.9rem;
    }

    .compose-attachment-item {
        flex-wrap: wrap;
    }

    .attachment-file-info {
        flex: 1 1 100%;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 480px) {
    .compose-dialog-header h3 {
        font-size: 1.1rem;
    }

    .compose-form-control {
        padding: 0.75rem;
        font-size: 0.9rem;
    }

    .compose-textarea {
        min-height: 120px;
    }

    .compose-file-label {
        font-size: 0.9rem;
        padding: 0.625rem 1.25rem;
    }

    .recipient-tag {
        font-size: 0.75rem;
        padding: 0.25rem 0.4rem;
    }

    .compose-recipient-input {
        min-width: 120px;
        font-size: 0.85rem;
    }

    .attachment-file-name {
        font-size: 0.85rem;
    }
}

/* Common admin page styles */
.admin-page {
    max-width: 1400px;
    margin: 0 auto;
}

.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

    .page-header h1 {
        font-size: 2rem;
        font-weight: 700;
        color: #2c3e50;
        margin: 0;
    }

.btn-primary {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

    .btn-primary svg {
        width: 18px;
        height: 18px;
        stroke: white;
        stroke-width: 2;
    }

.page-content {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.content-card {
    background: white;
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e1e4e8;
    gap: 1rem;
}

.search-box {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: #f5f6fa;
    border-radius: 8px;
    flex: 1;
    max-width: 400px;
}

    .search-box svg {
        width: 18px;
        height: 18px;
        stroke: #7f8c8d;
        stroke-width: 2;
    }

    .search-box input {
        flex: 1;
        border: none;
        background: none;
        outline: none;
        font-size: 0.95rem;
        color: #2c3e50;
    }

        .search-box input::placeholder {
            color: #95a5a6;
        }

.filter-controls {
    display: flex;
    gap: 0.75rem;
}

.filter-select {
    padding: 0.625rem 1rem;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    background: white;
    color: #2c3e50;
    font-size: 0.95rem;
    cursor: pointer;
    transition: border-color 0.2s;
}

    .filter-select:hover {
        border-color: #bdc3c7;
    }

    .filter-select:focus {
        outline: none;
        border-color: #667eea;
    }

/* Empty State */
.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-icon {
    width: 80px;
    height: 80px;
    stroke: #cbd5e0;
    stroke-width: 1.5;
    margin-bottom: 1.5rem;
}

.empty-state h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 0.5rem 0;
}

.empty-state p {
    font-size: 1rem;
    color: #7f8c8d;
    margin: 0;
}

.table-responsive {
    overflow-x: auto;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
}

    .data-table thead {
        background: #f5f6fa;
    }

    .data-table th {
        padding: 1rem 1.5rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.875rem;
        color: #7f8c8d;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .data-table td {
        padding: 1rem 1.5rem;
        border-top: 1px solid #e1e4e8;
        color: #2c3e50;
    }

    .data-table tbody tr {
        transition: background-color 0.2s;
    }

        .data-table tbody tr:hover {
            background: #f8f9fa;
        }

.user-cell {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.badge {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    display: inline-block;
}

.badge-traveler {
    background: #e3f2fd;
    color: #1976d2;
}

.badge-creator {
    background: #f3e5f5;
    color: #7b1fa2;
}

.badge-active {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-inactive {
    background: #ffebee;
    color: #c62828;
}

.action-buttons {
    display: flex;
    gap: 0.5rem;
}

.btn-icon {
    width: 36px;
    height: 36px;
    border: none;
    background: #f5f6fa;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-icon:hover {
        background: #e1e4e8;
    }

    .btn-icon svg {
        width: 16px;
        height: 16px;
        stroke: #2c3e50;
        stroke-width: 2;
    }

.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-top: 1px solid #e1e4e8;
}

.pagination-btn {
    padding: 0.625rem 1rem;
    border: 1px solid #e1e4e8;
    background: white;
    color: #2c3e50;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .pagination-btn:hover:not(:disabled) {
        background: #f5f6fa;
        border-color: #bdc3c7;
    }

    .pagination-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.pagination-numbers {
    display: flex;
    gap: 0.5rem;
}

.pagination-number {
    width: 36px;
    height: 36px;
    border: 1px solid #e1e4e8;
    background: white;
    color: #2c3e50;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .pagination-number:hover {
        background: #f5f6fa;
        border-color: #bdc3c7;
    }

    .pagination-number.active {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border-color: transparent;
    }

@media (max-width: 768px) {
    .page-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .card-header {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box {
        max-width: 100%;
    }

    .empty-state {
        padding: 3rem 1rem;
    }

    .empty-icon {
        width: 60px;
        height: 60px;
    }

    .data-table {
        font-size: 0.875rem;
    }

        .data-table th,
        .data-table td {
            padding: 0.75rem 1rem;
        }

    .pagination {
        flex-direction: column;
        gap: 1rem;
    }
}

.btn-logout {
    cursor: pointer;
}

.footer__menu li{
    color: white;
}

.header__nav{
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
}

.footer__menu li{
    font-size: 14px;
}

.footer__menu-work-hours {
    font-size: 12px;
}