.portfolio {}
.portfolio .title {
    width: 100%;
    max-width: 526px;
}
.portfolio__head {
    position: relative;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: minmax(auto, 526px) minmax(auto, 570px);
    justify-content: space-between;
}
.portfolio__head svg {
    position: absolute;
    right: 0;
    bottom: -30px;
}
.portfolio__head p {
    color: var(--c-second-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 144%;
}

.portfolio__body {
    padding-top: 100px;
}
.spoiler {
    position: relative;
    padding: 39px 0;
    border-bottom: 1px solid #ffffff33;
}
.spoiler:not(:last-child) {
    margin-bottom: 20px;
}
.spoiler__counter {
    position: absolute;
    top: clamp(10px, 2.083vw, 30px);
    left: 0;
}
.spoiler__title {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr clamp(27px, 2.569vw, 37px);
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.spoiler__title:hover span,
.spoiler__title:hover svg path {
    color: var(--c-selected);
    fill: var(--c-selected);
    stroke: var(--c-selected);
}
.spoiler__title span {
    margin-left: clamp(0px, 2.292vw, 33px);
    color: var(--c-main-text);
    font-family: var(--second-font);
    font-size: clamp(28px, 3.472vw, 50px);
    font-weight: 600;
    line-height: 135%;
    transition: .3s all ease;
}
.spoiler__title svg {
    width: 100%;
    height: auto;
    
}
.contacts img {
    width: 1090px;
}
.spoiler__title:hover svg path {
    transition: .3s all ease;
}
.arrow-spoiler {
    transition: all 0.3s;
    transform: rotate(0deg);
}
.arrow-spoiler--active {
    transform: rotate(45deg);
}
.spoiler__content {
    display: none;
}
.spoiler__content p {
    margin: 10px 0 0 33px;
}
.title_block_cor{
    font-size: 38px;
}
@media screen and (max-width: 992px) {
    .portfolio__head {
        grid-template-columns: 1fr;
    }
    .portfolio .title {
        max-width: 100%;
    }
    .spoiler__content p {
        margin: 10px 0 0 10px;
    }
}