/*проекты*/

.our-projects {
    margin-top: 30px;
}

.our-projects__row {
    width: 100%;
}

.our-projects__nav {
    padding: 0;
    margin-bottom: 60px;
    background-color: transparent;
    gap: 10px;
}

.our-projects__nav li {
    margin-top: 0;
}

.our-projects__items {
    max-width: 1075px;
}

@media (min-width: 768px) {
    .project__row {
        grid-template-columns: 51.5% 1fr;
        grid-column-gap: 32px;
    }
}

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

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

.our-projects .project-price__top {
    display: inline-block;
    vertical-align: baseline;
    order: -1 !important;
    width: 100%;
}

.our-projects .project-price__collected {
    display: inline-block;
    vertical-align: baseline;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
}

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

.our-projects .project-price__need {
    display: inline-block;
    vertical-align: baseline;
}

.our-projects .project__frame {
    padding: 20px 0;
}

.our-projects .project__button {
    margin-top: 0;
}

@media (max-width: 1199px) {
    .our-projects .project__button {
        flex-wrap: wrap;
    }
}

.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;
}

.our-projects .project-line__inner {
    max-width: 100%;
}

@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;
}

.our-projects .project-line__num {
    margin-left: 0;
    margin-right: 16px;
}

.our-projects .project__title {
    font-size: 19px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0;
}

.our-projects .project__info {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.project-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 120px;
    font-size: 14px;
    line-height: 1.1;
    color: rgba(30, 36, 43, 1);
}

.project-info .caption {
    font-size: 12px;
    color: rgba(153, 153, 153, 1);
    font-weight: 600;
    text-transform: uppercase;
}

.project-info .sum {
    color: rgba(170, 107, 191, 1);
}

.project-price+.project__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*    flex-wrap: wrap;*/
    white-space: nowrap;
    letter-spacing: 0;
    gap: 12px;
}

@media (max-width: 480px) {
    .project-price+.project__button {
        flex-wrap: wrap;
    }
}

.project-info+.project-info {
    margin-right: auto;
}

.button-help--at-work {
    border-radius: 8px;
}

.button-help--at-work::before {
    position: relative;
    width: 42px;
    height: 20px;
    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.55582 3.66006C4.79966 3.90438 4.79926 4.30011 4.55494 4.54394C3.1561 5.94 2.29175 7.86848 2.29175 10C2.29175 12.1565 3.17644 14.1052 4.60427 15.5049C4.85076 15.7466 4.8547 16.1422 4.61306 16.3887C4.37142 16.6352 3.97571 16.6392 3.72922 16.3975C2.07145 14.7724 1.04175 12.5059 1.04175 10C1.04175 7.52319 2.04776 5.28013 3.67194 3.65918C3.91626 3.41535 4.31199 3.41574 4.55582 3.66006ZM15.5137 3.72038C15.7602 3.47874 16.1559 3.48267 16.3976 3.72916C17.981 5.34438 18.9584 7.55869 18.9584 10C18.9584 12.4704 17.9577 14.7082 16.3409 16.3282C16.0971 16.5725 15.7013 16.5729 15.4571 16.3291C15.2127 16.0852 15.2123 15.6895 15.4562 15.4452C16.8486 14.05 17.7084 12.126 17.7084 10C17.7084 7.89894 16.8686 5.99525 15.505 4.60422C15.2633 4.35773 15.2672 3.96202 15.5137 3.72038ZM6.92444 6.23964C7.1603 6.49167 7.14718 6.88718 6.89515 7.12304C6.10439 7.86303 5.62508 8.87516 5.62508 9.98517C5.62508 11.1081 6.11566 12.1311 6.92305 12.8732C7.17717 13.1068 7.19381 13.5022 6.96022 13.7563C6.72662 14.0104 6.33124 14.0271 6.07711 13.7935C5.03314 12.8338 4.37508 11.4853 4.37508 9.98517C4.37508 8.5025 5.01798 7.16773 6.04105 6.21035C6.29308 5.97449 6.68859 5.98761 6.92444 6.23964ZM13.1192 6.27132C13.3577 6.02188 13.7533 6.01309 14.0028 6.25168C15.0005 7.20595 15.6251 8.52383 15.6251 9.98517C15.6251 11.464 14.9855 12.7957 13.9671 13.7525C13.7156 13.9889 13.32 13.9766 13.0837 13.725C12.8473 13.4734 12.8597 13.0779 13.1112 12.8416C13.8982 12.1021 14.3751 11.0923 14.3751 9.98517C14.3751 8.891 13.9093 7.89205 13.1387 7.15499C12.8893 6.9164 12.8806 6.52077 13.1192 6.27132Z' fill='%231C274C'/%3E%3Cpath d='M11.3802 8.70935C12.1267 9.25735 12.4999 9.53135 12.4999 10.0001C12.4999 10.4688 12.1267 10.7428 11.3802 11.2908C11.1742 11.4421 10.9698 11.5845 10.7819 11.7033C10.6172 11.8073 10.4306 11.9151 10.2373 12.0208C9.49267 12.4284 9.12025 12.6322 8.78634 12.4066C8.45234 12.1809 8.422 11.7086 8.36134 10.7639C8.34417 10.4968 8.33325 10.2348 8.33325 10.0001C8.33325 9.76526 8.34417 9.50335 8.36134 9.23618C8.422 8.29153 8.45234 7.81919 8.78634 7.59356C9.12025 7.36793 9.49267 7.57172 10.2373 7.9793C10.4306 8.08504 10.6172 8.19275 10.7819 8.29689C10.9698 8.4156 11.1742 8.55801 11.3802 8.70935Z' fill='%231C274C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}

.button-help--at-work span {
    padding-left: 0;
}

.button-help--at-work:hover::before,
.button-help--at-work:focus::before {
    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.55582 3.66006C4.79966 3.90438 4.79926 4.30011 4.55494 4.54394C3.1561 5.94 2.29175 7.86848 2.29175 10C2.29175 12.1565 3.17644 14.1052 4.60427 15.5049C4.85076 15.7466 4.8547 16.1422 4.61306 16.3887C4.37142 16.6352 3.97571 16.6392 3.72922 16.3975C2.07145 14.7724 1.04175 12.5059 1.04175 10C1.04175 7.52319 2.04776 5.28013 3.67194 3.65918C3.91626 3.41535 4.31199 3.41574 4.55582 3.66006ZM15.5137 3.72038C15.7602 3.47874 16.1559 3.48267 16.3976 3.72916C17.981 5.34438 18.9584 7.55869 18.9584 10C18.9584 12.4704 17.9577 14.7082 16.3409 16.3282C16.0971 16.5725 15.7013 16.5729 15.4571 16.3291C15.2127 16.0852 15.2123 15.6895 15.4562 15.4452C16.8486 14.05 17.7084 12.126 17.7084 10C17.7084 7.89894 16.8686 5.99525 15.505 4.60422C15.2633 4.35773 15.2672 3.96202 15.5137 3.72038ZM6.92444 6.23964C7.1603 6.49167 7.14718 6.88718 6.89515 7.12304C6.10439 7.86303 5.62508 8.87516 5.62508 9.98517C5.62508 11.1081 6.11566 12.1311 6.92305 12.8732C7.17717 13.1068 7.19381 13.5022 6.96022 13.7563C6.72662 14.0104 6.33124 14.0271 6.07711 13.7935C5.03314 12.8338 4.37508 11.4853 4.37508 9.98517C4.37508 8.5025 5.01798 7.16773 6.04105 6.21035C6.29308 5.97449 6.68859 5.98761 6.92444 6.23964ZM13.1192 6.27132C13.3577 6.02188 13.7533 6.01309 14.0028 6.25168C15.0005 7.20595 15.6251 8.52383 15.6251 9.98517C15.6251 11.464 14.9855 12.7957 13.9671 13.7525C13.7156 13.9889 13.32 13.9766 13.0837 13.725C12.8473 13.4734 12.8597 13.0779 13.1112 12.8416C13.8982 12.1021 14.3751 11.0923 14.3751 9.98517C14.3751 8.891 13.9093 7.89205 13.1387 7.15499C12.8893 6.9164 12.8806 6.52077 13.1192 6.27132Z' fill='%23ffffff'/%3E%3Cpath d='M11.3802 8.70935C12.1267 9.25735 12.4999 9.53135 12.4999 10.0001C12.4999 10.4688 12.1267 10.7428 11.3802 11.2908C11.1742 11.4421 10.9698 11.5845 10.7819 11.7033C10.6172 11.8073 10.4306 11.9151 10.2373 12.0208C9.49267 12.4284 9.12025 12.6322 8.78634 12.4066C8.45234 12.1809 8.422 11.7086 8.36134 10.7639C8.34417 10.4968 8.33325 10.2348 8.33325 10.0001C8.33325 9.76526 8.34417 9.50335 8.36134 9.23618C8.422 8.29153 8.45234 7.81919 8.78634 7.59356C9.12025 7.36793 9.49267 7.57172 10.2373 7.9793C10.4306 8.08504 10.6172 8.19275 10.7819 8.29689C10.9698 8.4156 11.1742 8.55801 11.3802 8.70935Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.button-help--complet {
    border-radius: 8px;
}

.button-help--complete::before {
    position: relative;
    width: 42px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_65_1864)'%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/g%3E%3Cdefs%3E%3CclipPath id='clip0_65_1864'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;ф
background-position: center;
    content: "";
}

.button-help--complete span {
    padding-left: 0;
}

.button-help--complete:hover::before,
.button-help--complete:focus::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_65_1864)'%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='transparent' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_65_1864'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.our-projects .project__images {
    height: 294px;
}

@media (max-width: 480px) {
    .our-projects .button-help {
        margin-top: 12px;
    }
}