.head__frame {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .head__frame {
        padding-left: 10px;
        padding-right: 10px;
    }
}


.project-detail--redesign .container {
    width: 1320px;
    max-width: 100%;
}

.project-detail--redesign .project-detail__row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}

@media (max-width: 1023px) {
    .project-detail--redesign .project-detail__row {
        position: relative;
        padding-top: calc(70vw - 40px);
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .project-detail--redesign .project-detail__row {
        position: relative;
        padding-top: calc(70vw - 20px);
        flex-direction: column;
    }
}

.project-detail__right {
    position: relative;
    max-width: 514px;
}

@media (max-width: 1199px) {
    .project-detail__right {
        width: calc(50% - 15px);
    }
}

@media (max-width: 1023px) {
    .project-detail__right {
        width: 100%;
        max-width: 100%;
        padding-top: 28px;
    }
}

.project-detail__left {
    max-width: 714px;
    width: calc(100% - 550px);
}

@media (max-width: 1199px) {
    .project-detail__left {
        width: calc(50% - 15px);
    }
}

@media (max-width: 1023px) {
    .project-detail__left {
        width: 100%;
        max-width: 100%;
        padding-top: 28px;
    }
}

.project-detail--redesign .project-detail__title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .project-detail--redesign .project-detail__title {
        font-size: 24px;
    }
}

.project-detail__label {
    align-self: flex-start;
    display: inline-block;
    vertical-align: baseline;
    padding: 8px 12px 8px 40px;
    margin-bottom: 16px;
    border: 1px solid #000000;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.55558 3.66006C4.79941 3.90438 4.79902 4.30011 4.5547 4.54394C3.15585 5.94 2.2915 7.86848 2.2915 10C2.2915 12.1565 3.1762 14.1052 4.60403 15.5049C4.85052 15.7466 4.85445 16.1422 4.61281 16.3887C4.37118 16.6352 3.97547 16.6392 3.72898 16.3975C2.0712 14.7724 1.0415 12.5059 1.0415 10C1.0415 7.52319 2.04751 5.28013 3.6717 3.65918C3.91601 3.41535 4.31175 3.41574 4.55558 3.66006ZM15.5135 3.72038C15.76 3.47874 16.1557 3.48267 16.3973 3.72916C17.9808 5.34438 18.9582 7.55869 18.9582 10C18.9582 12.4704 17.9574 14.7082 16.3407 16.3282C16.0968 16.5725 15.7011 16.5729 15.4568 16.3291C15.2125 16.0852 15.2121 15.6895 15.4559 15.4452C16.8483 14.05 17.7082 12.126 17.7082 10C17.7082 7.89894 16.8683 5.99525 15.5048 4.60422C15.2631 4.35773 15.267 3.96202 15.5135 3.72038ZM6.9242 6.23964C7.16005 6.49167 7.14694 6.88718 6.8949 7.12304C6.10415 7.86303 5.62484 8.87516 5.62484 9.98517C5.62484 11.1081 6.11541 12.1311 6.9228 12.8732C7.17693 13.1068 7.19357 13.5022 6.95997 13.7563C6.72638 14.0104 6.331 14.0271 6.07687 13.7935C5.0329 12.8338 4.37484 11.4853 4.37484 9.98517C4.37484 8.5025 5.01774 7.16773 6.0408 6.21035C6.29284 5.97449 6.68835 5.98761 6.9242 6.23964ZM13.1189 6.27132C13.3575 6.02188 13.7531 6.01309 14.0026 6.25168C15.0003 7.20595 15.6248 8.52383 15.6248 9.98517C15.6248 11.464 14.9853 12.7957 13.9668 13.7525C13.7153 13.9889 13.3198 13.9766 13.0834 13.725C12.8471 13.4734 12.8594 13.0779 13.1109 12.8416C13.898 12.1021 14.3748 11.0923 14.3748 9.98517C14.3748 8.891 13.9091 7.89205 13.1385 7.15499C12.8891 6.9164 12.8803 6.52077 13.1189 6.27132Z' fill='%231C274C'/%3E%3Cpath d='M11.3804 8.70935C12.1269 9.25735 12.5002 9.53135 12.5002 10.0001C12.5002 10.4688 12.1269 10.7428 11.3804 11.2908C11.1744 11.4421 10.97 11.5845 10.7822 11.7033C10.6174 11.8073 10.4308 11.9151 10.2376 12.0208C9.49291 12.4284 9.1205 12.6322 8.78658 12.4066C8.45258 12.1809 8.42225 11.7086 8.36158 10.7639C8.34441 10.4968 8.3335 10.2348 8.3335 10.0001C8.3335 9.76526 8.34441 9.50335 8.36158 9.23618C8.42225 8.29153 8.45258 7.81919 8.78658 7.59356C9.1205 7.36793 9.49291 7.57172 10.2376 7.9793C10.4308 8.08504 10.6174 8.19275 10.7822 8.29689C10.97 8.4156 11.1744 8.55801 11.3804 8.70935Z' fill='%231C274C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 12px center;
}

.project-detail__label--complete {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76172 0.5L10.3223 5.30371L10.4346 5.64844H15.8486L16.3184 7.09668L12.2334 10.0664L11.9395 10.2803L12.0518 10.626L13.6123 15.4287L12.3799 16.3242L8.29395 13.3555L8 13.1426L7.70605 13.3555L3.62012 16.3242L2.3877 15.4277L3.94824 10.626L4.06055 10.2803L3.7666 10.0664L-0.320312 7.09766L0.151367 5.64844H5.56543L5.67773 5.30371L7.23828 0.5H8.76172Z' fill='white' stroke='black'/%3E%3C/svg%3E%0A");
}

.project-detail .project-price {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
}

.project-detail .project-price__top {
    order: -1 !important;
    width: 100%;
}

.project-detail .project-price__collected {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
}

.project-detail .project-price__collected .collected {
    color: #141414;
}

@media (min-width: 1024px) {
    .app {
        overflow: visible;
    }

    .footer__head {
        flex-wrap: wrap;
    }

    .footer__head .footer__button {
        margin-left: auto;
        margin-bottom: 10px;
    }
}

.form-pay {
    position: sticky;
    top: 115px;
    border: none;
    padding: 24px;
    background: #F9F9F9;
    border-radius: 12px;
    max-width: 481px;
}

@media (max-width: 1023px) {
    .form-pay {
        position: static;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .form-pay {
        max-width: calc(100% + 20px);
        margin-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.form-pay__title {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.1;
    color: #1E242B;
    letter-spacing: 0;
}

.form-pay__title b {
    color: #AA6BBF;
    font-weight: inherit;
}

.form-pay__subtitle {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #999999;
    letter-spacing: 0;
}

.form-pay__sel {
    display: none;
}

.form-pay__price {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 4px 10px 8px;
    margin-top: 10px;
}

.project-detail .radio-secondary label span {
    background-color: transparent;
    min-height: 0;
    border-radius: 0;
    color: #AA6BBF;
    border: none;
    font-family: "TikTok Sans semi", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    width: auto;
    border-bottom: 1px dotted;
    transition: none;
}

.project-detail .radio-secondary label input:checked+span {
    border-bottom: 1px solid;
    font-weight: 900;
    background-color: transparent;
    color: #AA6BBF;
    transition: none;
}

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

.form-pay__field-price-currency {
    position: absolute;
    right: 21px;
    top: 50%;
    font-size: 16px;
    line-height: 1;
    font-style: italic;
    color: #D9D9D9;
    transform: translateY(-50%);
}

.form-pay .input {
    font-family: "TikTok Sans", 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: initial;
    background-color: #ffffff;
}

.form-pay .input::placeholder {
    font-family: "TikTok Sans", 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #D9D9D9;
    font-weight: 300;
    font-style: inherit;
}

.form-pay .error .input {
    border-color: #FF3C3C;
}

.form-pay__note {
    font-size: 12px;
    line-height: 1.5;
    color: #999999;
    padding-top: 4px;
    padding-left: 10px;
    letter-spacing: 0;
}

.form-pay__button {
    width: 100%;
}

.form-consent {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    padding-left: 36px;
    font-size: 12px;
    line-height: 1.5;
    color: #999999;
    margin-top: 12px;
    cursor: pointer;
}

.form-consent a {
    color: #AA6BBF;
}

.form-consent>input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    opacity: 0;
    pointer-events: none;
}

.form-consent>.label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    transition: border-color 0.3s ease-in-out;
    content: "";
}

.form-consent:hover .label::before,
.form-consent:focus .label::before {
    border-color: #AA6BBF;
}

.form-consent>.label::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.50002L3.66683 6L9 1' stroke='%23AA6BBF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px auto;
    transform: scale(0);
    transition: transform 0.3s ease-in-out;
    content: "";
}

.form-consent>input:checked+.label::after {
    transform: scale(1);
}

.error-message {
    display: none;
    vertical-align: baseline;
    width: 100%;
    padding-left: 10px;
    padding-top: 4px;
    font-size: 12px;
    line-height: 1.5;
    color: #FF3C3C;
}

.error .error-message {
    display: inline-block;
}

.form-consent .error-message {
    padding-left: 0;
}

.form-consent.error .label::before {
    border-color: #FF3C3C;
}

.project-detail__desc-title {
    font-family: "TikTok Sans semi", "Arial", sans-serif;
    margin: 0 0 20px;
    font-size: 21px;
    line-height: 1.1;
    color: #000000;
    font-weight: 700;
    letter-spacing: 0;
}

.project-detail__desc-main {
    font-family: "TikTok Sans semi", "Arial", sans-serif;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0;
    font-style: italic;
}

.project-detail__desc-main p {
    margin: 0;
}

.project-detail__desc-main p+p {
    margin-top: 8px;
}

.project-detail__city {
    display: inline-block;
    vertical-align: baseline;
    width: auto;
    align-self: flex-start;
    margin-top: 0;
    margin-bottom: 16px;
    padding-left: 28px;
    font-family: "TikTok Sans semi", "Arial", sans-serif;
    font-size: 17px;
    line-height: 1.4;
    color: #AA6BBF;
    font-weight: 300;
    text-align: left;
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1C6.13402 1 3 4.17133 3 8.08333C3 11.9953 6.5 15.1667 10 18C13.5 15.1667 17 11.9953 17 8.08333C17 4.17133 13.866 1 10 1ZM10 10.9167C8.45363 10.9167 7.2 9.64812 7.2 8.08333C7.2 6.51855 8.45363 5.25 10 5.25C11.5464 5.25 12.8 6.51855 12.8 8.08333C12.8 9.64812 11.5464 10.9167 10 10.9167Z' fill='%23AA6BBF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
    letter-spacing: 0;
    cursor: pointer;
}

.project-detail__city span {
    border-bottom: 1px dotted transparent;
    transition: border-color 0.3s ease-in-out;
}

.project-detail__city:hover span,
.project-detail__city:focus span {
    border-bottom: 1px dotted;
}

.project-detail__images {
    margin-bottom: 28px;
}

@media (max-width: 1199px) {
    .project-detail__images {
        height: auto;
    }
}

@media (max-width: 1023px) {
    .project-detail__images {
        position: absolute;
        top: 0;
        left: 0;
        height: calc(70vw - 40px);
    }
}

@media (max-width: 767px) {
    .project-detail__images {
        position: absolute;
        top: 0;
        left: 0;
        height: calc(70vw - 20px);
    }
}

.project-detail__desc {
    position: relative;
    margin-top: 0;
    font-family: "TikTok Sans semi", "Arial", sans-serif;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 300;
    grid-row-gap: 8px;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

.project-detail__desc p + p {
    margin-top: 8px;
}

.project-detail__desc-more {
    display: inline-block;
    vertical-align: baseline;
    margin-top: 16px;
    font-family: "TikTok Sans semi", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #AA6BBF;
    border: none;
    border-bottom: 1px dotted;
    background-color: transparent;
    cursor: pointer;
    align-self: flex-start;
    width: auto;
}

.project-detail__desc-more:hover,
.project-detail__desc-more:focus {
    border-color: transparent;
}

.project-detail .button-help {
    display: none;
    align-self: flex-start;
}

.project-detail .project-info+.project-info {
    margin-right: 0;
}

.project-bottom {
    display: flex;
    gap: 20px;
    padding-bottom: 10px;
    margin-bottom: 38px;
    overflow-x: auto;
    overflow-y: hidden;
}

.project-detail .swiper-slide__inner {
    display: flex;
}

.project-detail__row {
    grid-column-gap: 0;
}

@media (max-width: 767px) {
    .project-detail__row div:last-child,
    .project-detail__row div:first-child {
        order: initial;
    }
}

.project-line {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 16px 0 28px;
}

.project-line__inner {
    position: relative;
    background-color: rgba(238, 238, 238, 1);
    height: 8px;
    margin: 0;
    width: 100%;
    max-width: 377px;
}

@media (max-width: 1023px) {
    .project-line__inner {
        max-width: 100%;
    }
}

.project-line span {
    position: absolute;
    top: 0;
    bottom: 0;
}

.project-line__black {
    background-color: rgba(234, 218, 239, 1);
}

.project-line__violet {
    background-color: var(--color-violet);
}

.project-line__violet:before {
    content: "";
    background-color: inherit;
    border-radius: 50%;
    position: absolute;
    right: -.25rem;
    top: -3px;
    width: 14px;
    height: 14px;
}

.project-line--complete .project-line__violet:before {
    top: -8px;
    right: -6px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1365 1.34961L15.2546 7.86914L15.3669 8.21484H22.5857L23.2878 10.376L17.7419 14.4062L17.449 14.6201L17.5603 14.9658L19.6785 21.4844L17.8396 22.8213L12.2937 18.792L11.9998 18.5781L11.7058 18.792L6.15991 22.8213L4.32104 21.4844L6.43921 14.9658L6.55151 14.6201L6.25757 14.4062L0.71167 10.376L1.41382 8.21484H8.63257L8.74487 7.86914L10.863 1.34961H13.1365Z' fill='%23AA6BBF' stroke='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.project-line__num {
    margin-left: 16px;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.1;
    color: #AA6BBF;
}

.project-detail .project-bottom {
    gap: 24px;
    overflow: visible;
}

@media (max-width: 1199px) {
    .project-detail .project-bottom {
        flex-wrap: wrap;
        gap: 16px 0;
    }
}

@media (max-width: 1023px) {
    .project-detail .project-bottom {
        gap: 24px 40px;
    }
}

.project-detail .project-info {
    width: auto;
    white-space: nowrap;
}

@media (max-width: 1199px) {
    .project-detail .project-info {
        width: 50%;
    }
}

@media (max-width: 1023px) {
    .project-detail .project-info {
        width: auto;
    }
}