.plan__block-end-content {
    position: relative;
    z-index: 1;
    width: max-content;
}
.main__links{
    margin-bottom: 18px;
}
.main{
    margin-top: 128px;
}
.main__inner{
    display: flex;
    gap: 65px;
    max-width: 1020px;
    margin: 0 auto;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.main__block{
    width: 50%;
    position: relative;
    z-index: 2;
}
.main__block:first-of-type{
    width: 100%;
    max-width: 620px;
}
.main__title{
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.7px;
    text-transform: uppercase;
    max-width: 634px;
    margin-bottom: 20px;
    margin-left: -5px;
}
.main__descr{
    margin-bottom: 31px;
}
.main__box{
    display: flex;
    align-items: end;
    gap: 62px;
}
.main__btn{
    width: 100%;
    max-width: 170px;
    height: 56px;
}
.main__content{
    display: flex;
    gap: 7px;
    margin-bottom: 5px;
}
.main__item-name{
    color: rgba(73, 72, 72, 0.70);
    font-family: "Koulen", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 20px;
}
.main__item-descr{
    color: #2F2F2F;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
}
.main__content-item:first-of-type .main__item-descr{
    margin-left: 3px;
}
.main__content-item.underline{
    position: relative;
}
.main__content-item.underline::after{
    position: absolute;
    content: '';
    width: 120px;
    height: 17px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="89" height="16" viewBox="0 0 89 16" fill="none"><path d="M89 8C89 3.58172 85.4183 4.76837e-07 81 4.76837e-07C76.5817 4.76837e-07 73 3.58172 73 8C73 12.4183 76.5817 16 81 16C85.4183 16 89 12.4183 89 8ZM81 6.5L-1.43051e-06 6.5V9.5L81 9.5V6.5Z" fill="%23368CC1"/></svg>');
    background-repeat: no-repeat;
    bottom: -14px;
    left: 0;
}
.main__block:last-of-type{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 388px;
    min-width: 388px;
    position: relative;
    z-index: 1;
}
.main__block:last-of-type::before {
    pointer-events: none;
    position: absolute;
    content: '';
    background-image: url('../img/seo-audit/audit.svg');
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 337px;
    z-index: -1;
    top: 15px;
    left: -45px;
}
@media (max-width: 1279px) {
    .main__inner{
        gap: 62px;
    }
    .main__block:last-of-type::before{
        left: 34px;
    }
}
@media (max-width: 999px) {
    .main__block:last-of-type::before{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='392' height='335' viewBox='0 0 392 335' fill='none'%3E%3Cpath d='M0 139.883C0 200.634 49.2487 249.883 110 249.883C170.751 249.883 220 200.634 220 139.883C220 79.1315 170.751 29.8828 110 29.8828C49.2487 29.8828 0 79.1315 0 139.883Z' fill='%237A53A9' fill-opacity='0.9'/%3E%3Cpath d='M87.6953 254.184C87.6953 298.366 123.513 334.184 167.695 334.184C211.878 334.184 247.695 298.366 247.695 254.184C247.695 210.001 211.878 174.184 167.695 174.184C123.513 174.184 87.6953 210.001 87.6953 254.184Z' fill='%23368CC1' fill-opacity='0.8'/%3E%3Cpath d='M121.27 135C121.27 209.558 181.711 270 256.27 270C330.828 270 391.27 209.558 391.27 135C391.27 60.4416 330.828 0 256.27 0C181.711 0 121.27 60.4416 121.27 135Z' fill='%238C2782' fill-opacity='0.8'/%3E%3C/svg%3E");
        left: 177px;
        top: 1px;
    }
    .main {
        margin-top: 111px;
    }
    .main__links {
        margin-bottom: 5px;
    }
}
/*  */
@media (max-width: 767px) {
    .main__title{
        font-size: 50px;
    }
    .main {
        margin-top: 145px;
    }
    .main__block:first-of-type{
        min-width: 100%;
        margin-left: 7px;
    }
    .main__block:last-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='270' viewBox='0 0 270 270' fill='none'%3E%3Cpath d='M0 135C0 209.558 60.4416 270 135 270C209.558 270 270 209.558 270 135C270 60.4416 209.558 0 135 0C60.4416 0 0 60.4416 0 135Z' fill='%238C2782' fill-opacity='0.8'/%3E%3C/svg%3E");
        width: 270px;
        height: 270px;
        left: initial;
        right: -137px;
        top: -29px;
    }
    .main__title {
        margin-bottom: 20px;
    }
    .main__inner{
        gap: 0;
    }
    .main__descr{
        max-width: 443px;
    }
    .main__links{
        margin-bottom: 17px;
    }
    .main__btn{
        max-width: 220px;
    }
    .main__box{
        gap: 52px;
    }
}
@media (max-width: 479px) {
    .main {
        margin-top: 196px;
    }
    .main__block:last-of-type::before {
        right: -73px;
        top: -23px;
    }
    .main__box{
        flex-direction: column;
        align-items: start;
        gap: 32px;
    }
    .main__descr{
        margin-bottom: 20px;
    }
    .main__title{
        font-size: 38px;
    }
}

.cost{
    margin-top: 120px;
}
.cost__inner{
    display: flex;
    gap: 25px;
    justify-content: space-between;
}
.cost__block{
    max-width: 477px;
    width: 100%;
}
.cost__box{
    margin-top: 58px;
    display: flex;
    align-items: center;
    margin-left: 4px;
}
.cost__item:first-of-type{
    border: 4px solid rgba(54, 140, 193, 0.80);
    border-radius: 50%;
    width: 214px;
    min-width: 214px;
    height: 214px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.cost__item:first-of-type::after{
    position: absolute;
    content: '';
    width: 17px;
    height: 36px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="35" viewBox="0 0 16 35" fill="none"><path d="M6.5 33.1875L6.5 34.6875L9.5 34.6875L9.5 33.1875L6.5 33.1875ZM8 16.1875C12.4183 16.1875 16 12.6058 16 8.1875C16 3.76922 12.4183 0.187499 8 0.187499C3.58172 0.187499 -1.28591e-06 3.76922 -1.09278e-06 8.1875C-8.99655e-07 12.6058 3.58172 16.1875 8 16.1875ZM9.5 33.1875L9.5 8.1875L6.5 8.1875L6.5 33.1875L9.5 33.1875Z" fill="%23368CC1" fill-opacity="0.8"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    top: -39px;
    left: 50%;
    transform: translateX(-50%);
}
.cost__item:first-of-type .cost__item-title{
    color: #368CC1;
    text-align: center;
    font-family: "Koulen", sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 47px;
}
.cost__item:first-of-type .cost__item-name{
    color: #368CC1;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    transform: translateX(-10px);
}
.cost__item:first-of-type .cost__item-content {
    transform: translate(6px, 6px);
}
.cost__item:last-of-type{
    width: 210px;
    min-width: 210px;
    height: 210px;
    background: rgba(140, 39, 130, 0.80);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-19px);
    position: relative;
    z-index: 1;
}
.cost__item:last-of-type::after{
    position: absolute;
    content: '';
    width: 17px;
    height: 36px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="36" viewBox="0 0 16 36" fill="none"><path d="M9.5 2.1875L9.5 0.6875L6.5 0.6875L6.5 2.1875L9.5 2.1875ZM8 19.1875C3.58172 19.1875 -8.99656e-07 22.7692 -1.09278e-06 27.1875C-1.28591e-06 31.6058 3.58172 35.1875 8 35.1875C12.4183 35.1875 16 31.6058 16 27.1875C16 22.7692 12.4183 19.1875 8 19.1875ZM6.5 2.1875L6.5 27.1875L9.5 27.1875L9.5 2.1875L6.5 2.1875Z" fill="%238C2782" fill-opacity="0.8"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
}
.cost__item:last-of-type .cost__item-title {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-transform: lowercase;
    transform: translate(-9px, -1px);
}
.cost__item:last-of-type .cost__item-name{
    color: #FFF;
    font-family: "Koulen", sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 54px;
}
.cost__item:last-of-type .cost__item-descr{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    transform: translate(-9px, -9px);
}
.cost__item:last-of-type .cost__item-content {
    transform: translate(8px, 5px);
}
.cost__content{
    max-width: 667px;
}
.cost__content-title{
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 30px;
}
.cost__content-block{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    max-width: 408px;
    width: 100%;
    margin-bottom: 30px;
}
.cost__content-link{
    width: max-content;
    color: #368CC1;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
}
.cost__content-btn{
    margin-top: 30px;
    max-width: 327px;
    height: 56px;
    width: 100%;
}
@media (max-width: 1279px) {
    .cost__content {
        max-width: 466px;
    }
    .cost__content-descr{
        max-width: 445px;
    }
    .cost__inner{
        gap: 15px;
    }
    .cost__box {
        margin-top: 56px;
        margin-left: 1px;
    }
}
@media (max-width: 999px) {
    .cost__inner{
        flex-direction: column;
        align-items: center;
        gap: 73px;
    }
    .cost__content {
        max-width: 656px;
        width: calc(100% - 73px);
        transform: translateX(23px);
    }
    .cost__content-descr{
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .cost {
        margin-top: 100px;
    }
    .cost__title.title{
        max-width: 381px;
        margin-left: auto;
        line-height: 110%;
    }
    .cost__content {
        max-width: 656px;
        width: 100%;
        transform: none;
    }
    .cost__box{
        margin-top: 46px;
        transform: translateX(24px);
    }
    .cost__content-title {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .cost__content-block{
        margin-bottom: 25px;
    }
    .cost__content-btn{
        margin-top: 25px;
    }
    .cost__content-descr{
        font-size: 14px;
    }
    .cost__content-link{
        font-size: 14px;
    }
}
@media (max-width: 479px) {
    .cost__box{
        transform: none;
    }
    .cost__title.title{
        margin: 0;
        font-size: 36px;
    }
    .cost__inner{
        gap: 193px;
    }
    .cost__item:last-of-type {
        margin-bottom: -254px;
        margin-left: -76px;
    }
}
.show__more{
    display: none;
    width: 100%;
    max-width: 204px;
    height: 38px;
    margin-top: 10px;
}
.plan__more button{
    border-radius: 10px;
    background: rgba(54, 140, 193, 0.80);
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    border: none;
    outline: none;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    transition: all .2s ease;
}
.plan{
    margin-top: 145px;
}
.plan__title{
    margin-bottom: 41px;
}
.plan__content{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.plan__block{
    width: 100%;
}
.plan__name{
    font-size: 28px;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 15px;
}
.plan__name span{
    color: rgba(54, 140, 193, 0.80);
    font-family: 'Koulen', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 110%;
    text-transform: uppercase;
}
.plan__sub-name{
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 110%;
}
.plan__block ul{
    margin-top: 15px;
}
.plan__block ul li{
    font-weight: 400;
}
.plan__block ul li span{
    color: #368CC1;
    font-weight: 500;
}
.plan__block ul li + li{
    margin-top: 5px;
}
.plan__box{
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 8px 15px;
    flex-wrap: wrap;
}
.plan__box-descr{
    color: #9E9595;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}
.plan__box-descr span{
    color: #368CC1;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: lowercase;
}
.plan__box-descr > span{
    padding-left: 3px;
}
.plan__box-descr span span{
    font-family: 'Koulen', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.plan__btn{
    width: 100%;
    max-width: 332px;
    height: 56px;
    margin-top: 30px;
}
.plan__block-end--content{
    position: relative;
    z-index: 1;
    width: max-content;
}
.plan__block-end{
    margin-top: 56px;
    width: 300px;
    height: 300px;
    border-radius: 300px;
    background: rgba(140, 39, 130, 0.80);
    display: flex;
    align-items: center;
    justify-content: center;
}
.plan__block-end::before{
    position: absolute;
    content: '';
    width: 123px;
    height: 123px;
    background-color: #368CC1;
    border-radius: 50%;
    right: -60px;
    bottom: 0;
    z-index: -1;
}
.plan__block-descr{
    max-width: 164px;
    color: #FFF;
    font-size: 20px;
    line-height: 90%; /* 18px */
}
.plan__block-descr span:first-of-type{
    font-weight: 800;
    line-height: 90%;
}
.plan__block-descr span:nth-child(2){
    font-weight: 500;
    line-height: 90%;
}
.plan__block-descr span:last-of-type{
    font-weight: 700;
    line-height: 90%;
}
.plan__content .upper{
    text-transform: uppercase;
}
.plan__content:first-of-type .plan__block:first-of-type{
    max-width: 492px;
    margin-top: 11px;
}
.plan__content:first-of-type .plan__block:first-of-type .plan__box{
    gap: 8px 30px;
}
.plan__content:first-of-type .plan__block:nth-child(2) .plan__name span{
    color: rgba(54, 140, 193, 0.80);
    font-family: 'Raleway', sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 110%;
}
.plan__content:first-of-type .plan__block:nth-child(2) .plan__name span span{
    font-size: 40px;
}
.plan__content:first-of-type .plan__block:last-of-type{
    max-width: 559px;
}
.plan__content:first-of-type .plan__block:last-of-type .plan__descr{
    max-width: 541px;
}
.plan__content:nth-of-type(2){
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 10px;
    background: rgba(122, 83, 169, 0.90);
    flex-direction: column;
    gap: 48px;
    padding: 76px 10px 77px 58px;
    color: #fff;
}
.plan__content:nth-of-type(2) .plan__name span{
    color: #fff;
}
.plan__content:nth-of-type(2) .plan__block{
    max-width: 905px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 65px;
}
.plan__content:nth-of-type(2) .plan__block:first-of-type .plan__block-item:first-of-type{
    max-width: 367px;
}
.plan__content:nth-of-type(2) .plan__block:first-of-type .plan__box{
    margin-top: 30px;
}
.plan__content:nth-of-type(2) .plan__block:first-of-type .plan__btn{
    max-width: 308px;
    margin-top: 20px;
}
.plan__content:nth-of-type(2) .plan__block:last-of-type .plan__block-item:first-of-type{
    max-width: 363px;
}
.plan__content:nth-of-type(2) .plan__block:last-of-type .plan__block-item:first-of-type .plan__box{
    margin-top: 30px;
}
.plan__content:nth-of-type(2) .plan__block:last-of-type .plan__btn {
    max-width: 226px;
    margin-top: 20px;
}
.plan__content:nth-of-type(2) .plan__block ul{
    margin-top: 20px;
}
.plan__content:nth-of-type(2) .plan__box-descr,
.plan__content:nth-of-type(2) .plan__box-descr span,
.plan__content:nth-of-type(2) .plan__btn button{
    color: #fff;
}
.plan__content:nth-of-type(2) .plan__btn button{
    border-color: #fff;
}
.plan__content:nth-of-type(2) .plan__block-item{
    width: 100%;
    max-width: 473px;
}
.plan__content:nth-of-type(2) .plan__block-item .plan__sub-name{
    margin-top: 8px;
}
.plan__content:nth-of-type(3) .plan__block:first-of-type{
    max-width: 478px;
}
.plan__content:nth-of-type(3) .plan__block:first-of-type .plan__btn{
    max-width: 238px;
}
.plan__content:nth-of-type(3) .plan__block:last-of-type{
    max-width: 598px;
}
.plan__content:nth-of-type(3) .plan__block:last-of-type .plan__btn{
    max-width: 277px;
}
@media (max-width: 1279px) {
    .plan__title{
        max-width: 662px;
        margin-bottom: 30px;
    }
    .plan__content:first-of-type .plan__block:first-of-type {
        max-width: 440px;
        margin-top: 10px;
    }
    .plan__content:first-of-type .plan__block:last-of-type {
        max-width: 469px;
    }
    .plan__content:nth-of-type(2) .plan__block{
        gap: 50px;
    }
    .plan__content:nth-of-type(3) .plan__block:first-of-type {
        max-width: 418px;
    }
    .plan__content:nth-of-type(3) .plan__block:first-of-type .plan__descr{
        max-width: 398px;
    }
    .plan__content:nth-of-type(3) .plan__block:last-of-type {
        max-width: 466px;
    }
    .plan__content:nth-of-type(3) .plan__block:last-of-type .plan__name{
        max-width: 440px;
    }
}
@media (max-width: 999px) {
    .plan__content{
        flex-direction: column;
        align-items: center;
    }
    .plan__title{
        margin: 0 auto 30px;
        transform: translateX(20px);
    }
    .plan__block-end{
        margin-top: 40px;
    }
    .plan__content:nth-of-type(2){
        background: transparent;
        padding: 0;
    }
    .plan__content:nth-of-type(2) .plan__block{
        border-radius: 10px;
        flex-direction: column;
        background: rgba(122, 83, 169, 0.90);
        align-items: center;
    }
    .plan__content:nth-of-type(2) .plan__block:first-of-type .plan__block-item:first-of-type,
    .plan__content:nth-of-type(2) .plan__block:last-of-type .plan__block-item:first-of-type,
    .plan__content:nth-of-type(3) .plan__block:last-of-type,
    .plan__content:nth-of-type(3) .plan__block:first-of-type {
        max-width: 475px;
    }
    .plan__content:nth-of-type(2) .plan__block-item {
        max-width: 475px;
    }

    .plan__content:nth-of-type(2) .plan__block:first-of-type{
        padding: 81px 34px 82px;
    }
    .plan__content:nth-of-type(2) .plan__block:last-of-type{
        padding: 77px 34px 77px;
    }

    .plan__content:nth-of-type(2) .plan__block-item{
        display: flex;
        flex-direction: column;
    }
    .plan__content:nth-of-type(2) .plan__name{
        order: 1;
    }
    .plan__content:nth-of-type(2) .plan__descr{
        order: 2;
    }
    .plan__content:nth-of-type(2) .plan__block-item{
        order: 3;
    }
    .plan__content:nth-of-type(2) .plan__box{
        order: 4;
    }
    .plan__content:nth-of-type(2) .plan__btn{
        order: 5;
    }
    .plan__content:nth-of-type(2) .plan__block-item .plan__sub-name{
        margin-top: 20px;
    }
    .plan__content:nth-of-type(2) .plan__block:first-of-type .plan__box {
        margin-top: 20px;
    }
    .plan__content:nth-of-type(2) .plan__block:first-of-type .plan__btn{
        margin-top: 30px;
    }
    .plan__content{
        gap: 40px;
    }
    .plan__content:nth-of-type(2){
        gap: 20px;
        margin: 40px 0;
    }
    .plan__block ul {
        width: 120%;
    }
}
@media (max-width: 767px) {
    .plan__block ul {
        width: auto;
    }
    .plan{
        margin-top: 100px;
    }
    .plan__title{
        transform: none;
    }
    .plan__name{
        font-size: 24px;
    }
    .plan__name span{
        font-size: 26px;
    }
    .plan__descr {
        font-size: 14px;
        max-width: 403px;
    }
    .plan__sub-name{
        font-size: 18px;
    }
    .plan__block ul li{
        font-size: 14px;
    }
    .plan__block ul li + li {
        margin-top: 4px;
    }
    .plan__content:nth-of-type(2) .plan__block:first-of-type,
    .plan__content:nth-of-type(2) .plan__block:last-of-type {
        padding: 59px 10px 59px 40px;
    }
    .plan__content:nth-of-type(2) {
        gap: 10px;
        margin: 30px 0;
    }
    .plan__content:nth-of-type(3) .plan__block:first-of-type .plan__descr {
        max-width: 429px;
    }
    .plan__content:nth-of-type(2) .plan__block{
        align-items: start;
        gap: 30px;
    }
    .plan__content:nth-of-type(2) .plan__block-item:first-of-type{
        order: 1;
    }
    .plan__content:nth-of-type(2) .show__more{
        order: 2;
        margin-top: 0;
    }
    .plan__content:nth-of-type(2) .show__more button{
        background: transparent;
        border: 3px solid #FFF;
    }
}
@media (max-width: 479px) {
    .plan__title.title{
        font-size: 36px;
    }
    .plan__content:nth-of-type(2) .plan__block:first-of-type, .plan__content:nth-of-type(2) .plan__block:last-of-type {
        padding: 42px 10px 42px 22px;
    }
    .plan__name{
        font-size: 22px;
    }
    .plan__name span{
        font-size: 24px;
    }
    .plan__box{
        align-items: start;
    }
    .plan__descr{
        max-width: 323px;
    }
}
@media (max-width: 1279px) {
    .plan__content:first-of-type .plan__block:last-of-type.hidden-1000 .plan__box,
    .plan__content:first-of-type .plan__block:last-of-type.hidden-1000 .plan__btn,
    .plan__content:first-of-type .plan__block:last-of-type.hidden-1000 ul > li:nth-child(n+16){
        display: none !important;
    }
    .plan__content:first-of-type .plan__block:last-of-type.hidden-1000 .show__more{
        display: block;
    }
}
@media (max-width: 767px) {
    .hidden-480 .plan__box,
    .hidden-480 .plan__btn,
    .hidden-480 ul > li:nth-child(n+3),
    .hidden-480 .plan__block-end--content{
        display: none !important;
    }
    .hidden-480 .show__more{
        margin-top: 30px;
        display: block;
    }
    .plan__content:last-of-type .plan__block.hidden-480 ul > li:nth-child(3){
        display: block !important;
    }
}
.need{
    margin-top: 120px;
}
.need__title{
    max-width: 1136px;
    margin-bottom: 20px;
}
.need__name{
    margin-top: 20px;
    font-weight: 600;
    line-height: 110%; /* 17.6px */
}
.need__content{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    width: 100%;
    border-top: 4px solid rgba(217, 217, 217, 0.50);
    border-bottom: 4px solid rgba(217, 217, 217, 0.50);
}

.need__block:first-of-type{
    padding: 34px 57px 41px 0;
    border-right: 4px solid rgba(217, 217, 217, 0.50);
    width: 31.5%;
    min-width: 229px;
}
.need__block ul li{
    display: flex;
    font-weight: 500;
    width: max-content;
    cursor: pointer;
}
.need__block ul li.active{
    color: #368CC1;
}
.need__block ul li + li{
    margin-top: 13px;
}
.need__block:last-of-type{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 811px;
}
.need__item {
    display: none;
    align-items: center;
    gap: 30px;
    max-width: 100%;
}
.need__item.active{
    display: flex;
}
.need__block-item{
    margin-bottom: 21px;
}
.need__block-title{
    color: #368CC1;
    font-size: 38px;
    font-weight: 700;
    line-height: 100%; /* 38px */
    margin-bottom: 20px;
}
.need__block-descr{
    font-size: 18px;
    line-height: 130%;
}
.need__block-icon {
    display: flex;
    align-items: center;
    margin-top: -36px;
}
@media (max-width: 1279px) {
    .need__title{
        max-width: 871px;
    }
    .need__descr{
        max-width: 864px;
    }
    .need__block:nth-child(2){
        margin-right: 88px;
        margin-left: 31px;
    }
}
@media (max-width: 999px) {
    .need__title{
        max-width: 688px;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
    }
    .need__descr{
        max-width: 650px;
    }
    .need__block:nth-child(2) {
        margin-right: 18px;
    }
    .need__item{
        gap: 10px;
    }
    .need__item:nth-of-type(5) .need__block-item {
        max-width: 188px;
    }
    .need__item:nth-of-type(6) .need__block-item{
        max-width: 238px;
    }
    .need__item:nth-of-type(7) .need__block-item {
        max-width: 264px;
        margin-right: -30px;
    }
    .need__item:nth-of-type(8) .need__block-item{
        max-width: 210px;
    }
    .need__item:nth-of-type(4) .need__block-item{
        max-width: 220px;
    }
}
@media (max-width: 767px) {
    .need__item{
        flex-wrap: wrap-reverse;
    }
    .need__block:nth-child(2) {
        padding: 60px 0;
    }
    .need__block:nth-child(2){
        margin-left: 30px;
    }
    .need__content{
        flex-direction: column;
    }
    .need__block:first-of-type{
        border: none;
        border-bottom: 4px solid rgba(217, 217, 217, 0.50);
        width: 100%;
        padding: 30px 30px 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .need__block:nth-child(2){
        max-width: 100%;
        margin: 56px auto 35px;
        padding: 0;
    }
    .need__block-descr{
        max-width: 224px;
    }
    .need__item{
        flex-wrap: nowrap;
    }
    .need{
        margin-top: 100px;
    }
    .need__title.title{
        font-size: 36px;
        max-width: 448px;
    }
    .need__block ul li + li {
        margin-top: 4px;
    }
    .need__block-title {
        font-size: 36px;
        margin-bottom: 10px;
        max-width: 272px;
    }
    .need__block-descr{
        font-size: 16px;
        max-width: 224px;
    }
    .need__descr {
        max-width: 447px;
    }
    .need__name {
        margin-top: 20px;
        font-size: 14px;
        max-width: 336px;
        font-weight: 600;
        line-height: 130%;
    }
    .need__content{
        margin-top: 16px;
    }
    .need__block-item {
        max-width: 206px;
    }
    .need__item:nth-of-type(2) .need__block-item{
        max-width: 199px;
    }
    .need__item:nth-of-type(5) .need__block-item {
        max-width: 169px;
    }
    .need__item:nth-of-type(6) .need__block-item {
        max-width: 220px;
    }
    .need__item:nth-of-type(7) .need__block-item {
        max-width: 244px;
        margin-right: -30px;
    }
    .need__item:nth-of-type(8) .need__block-item {
        max-width: 184px;
    }
}
@media (max-width: 479px) {
    .need__block:nth-child(2){
        margin: 25px 0 25px;
    }
    .need__block-icon{
        display: none;
    }
    .need__title.title{
        font-size: 32px;
    }
    .need__block:first-of-type {
        padding: 30px 30px 35px;
    }
    .need__descr{
        max-width: 329px;
    }
    .need__item{
        width: 100%;
        justify-content: center;
    }
    .need__block-item{
        max-width: 100%;
    }
    .need__block-title{
        max-width: 100%;
    }
    .need__block:nth-child(2) {
        max-width: 100%;
        margin: 46px auto 30px;
    }
    .need__item:nth-of-type(5) .need__block-item {
        max-width: 100%;
    }
    .need__item:nth-of-type(8) .need__block-item {
        max-width: 100%;
    }
}