/*Стили для новых шагов*/
.steps-list__item {
    position: relative;
    min-height: 9.375rem;
    background-position-x: 1.375rem;
    background-size: 8rem;
    display: grid; 
    grid-template-columns: auto 1fr; 
    grid-template-rows: auto 1fr;
    grid-template-areas: 
        "item1 item4"
        ". item2"; 
    align-items: center;
    row-gap: 1.25rem;
    background: unset;
    padding-left: 0;
}
.steps-list__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4.375rem;
    height: 3rem;
    position: relative;
    grid-area: item1;
    background-size: contain;
    background-repeat: no-repeat
}
    .steps-list__item._index-1::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2248%22%20viewBox%3D%220%200%2046%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.59%2013.2H25.7V33H22.52V16.95L18.5%2018.24L17.72%2015.45L24.59%2013.2Z%22%20fill%3D%22%235A4FFF%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M42.551%2035.1204C44.7374%2031.6011%2046%2027.448%2046%2023C46%2010.2975%2035.7025%200%2023%200C22.3262%200%2021.6591%200.0289764%2021%200.0857512V2.094C21.6583%202.03181%2022.3254%202%2023%202C34.598%202%2044%2011.402%2044%2023C44%2027.1876%2042.7743%2031.089%2040.662%2034.3648L42.551%2035.1204Z%22%20fill%3D%22%2300B9CD%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M40.6623%2034.3649C40.1489%2035.1609%2039.583%2035.9202%2038.9696%2036.6379L39.7297%2037.2877L40.4898%2037.9375C41.2452%2037.0538%2041.9348%2036.1123%2042.551%2035.1204L40.6623%2034.3649ZM17.8611%201.60317L17.6284%200.630615C16.4462%200.91348%2015.2993%201.28764%2014.1959%201.74523L14.5789%202.66896L14.962%203.59268C15.9688%203.17516%2017.0151%202.8338%2018.0938%202.57572L17.8611%201.60317ZM11.5044%204.23844L10.9811%203.38629C9.95191%204.01832%208.97624%204.72909%208.06252%205.51022L8.71233%206.27032L9.36213%207.03043C10.1968%206.31684%2011.088%205.66769%2012.0277%205.09059L11.5044%204.23844ZM6.27034%208.71231L5.51024%208.06251C4.72911%208.97623%204.01834%209.95189%203.38631%2010.9811L4.23846%2011.5044L5.09061%2012.0277C5.6677%2011.0879%206.31685%2010.1968%207.03045%209.36211L6.27034%208.71231ZM2.66898%2014.5789L1.74525%2014.1959C1.28766%2015.2993%200.913499%2016.4461%200.630635%2017.6284L1.60319%2017.8611L2.57574%2018.0938C2.83382%2017.0151%203.17518%2015.9688%203.5927%2014.962L2.66898%2014.5789ZM0%2023C0%2022.3921%200.0235846%2021.7897%200.0698886%2021.1936L1.06688%2021.2711L2.06388%2021.3485C2.02158%2021.8931%202%2022.4438%202%2023C2%2023.5561%202.02158%2024.1069%202.06388%2024.6514L1.06688%2024.7289L0.0698888%2024.8063C0.0235846%2024.2103%200%2023.6079%200%2023ZM1.60319%2028.1389L0.630636%2028.3715C0.913501%2029.5538%201.28766%2030.7006%201.74525%2031.8041L2.66898%2031.421L3.5927%2031.038C3.17518%2030.0311%202.83382%2028.9849%202.57574%2027.9062L1.60319%2028.1389ZM4.23846%2034.4956L3.38631%2035.0189C4.01834%2036.0481%204.72912%2037.0237%205.51024%2037.9375L6.27034%2037.2877L7.03045%2036.6379C6.31686%2035.8031%205.66771%2034.912%205.09061%2033.9723L4.23846%2034.4956ZM8.71233%2039.7296L8.06253%2040.4897C8.97625%2041.2709%209.95191%2041.9816%2010.9811%2042.6137L11.5044%2041.7615L12.0277%2040.9094C11.088%2040.3323%2010.1969%2039.6831%209.36213%2038.9695L8.71233%2039.7296ZM14.5789%2043.331L14.1959%2044.2547C15.2994%2044.7123%2016.4462%2045.0865%2017.6284%2045.3693L17.8611%2044.3968L18.0938%2043.4242C17.0151%2043.1662%2015.9688%2042.8248%2014.962%2042.4073L14.5789%2043.331ZM21.2711%2044.9331L21.1937%2045.9301C21.7897%2045.9764%2022.3921%2046%2023%2046C23.6079%2046%2024.2103%2045.9764%2024.8063%2045.9301L24.7289%2044.9331L24.6514%2043.9361C24.1069%2043.9784%2023.5562%2044%2023%2044C22.4438%2044%2021.8931%2043.9784%2021.3486%2043.9361L21.2711%2044.9331ZM28.1389%2044.3968L28.3716%2045.3693C29.5538%2045.0865%2030.7007%2044.7123%2031.8041%2044.2547L31.4211%2043.331L31.038%2042.4073C30.0312%2042.8248%2028.9849%2043.1662%2027.9062%2043.4242L28.1389%2044.3968ZM34.4956%2041.7615L35.0189%2042.6137C36.0481%2041.9816%2037.0238%2041.2709%2037.9375%2040.4897L37.2877%2039.7296L36.6379%2038.9695C35.8032%2039.6831%2034.912%2040.3323%2033.9723%2040.9094L34.4956%2041.7615Z%22%20fill%3D%22%237E94B4%22%2F%3E%3C%2Fsvg%3E")
}

.steps-list__item._index-2::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.45181%2039.9487C11.5457%2043.7064%2017.005%2046%2023%2046C35.7025%2046%2046%2035.7025%2046%2023C46%2011.3142%2037.2851%201.6639%2026%200.193879V2.21267C36.1769%203.66836%2044%2012.4206%2044%2023C44%2034.598%2034.598%2044%2023%2044C17.6868%2044%2012.8344%2042.0268%209.13572%2038.7732L7.45181%2039.9487Z%22%20fill%3D%22%2300B9CD%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.7289%201.06688L24.8063%200.0698886C24.2103%200.0235846%2023.6079%200%2023%200C22.3921%200%2021.7897%200.0235846%2021.1937%200.0698888L21.2711%201.06688L21.3486%202.06388C21.8931%202.02158%2022.4438%202%2023%202C23.5562%202%2024.1069%202.02158%2024.6514%202.06388L24.7289%201.06688ZM17.8611%201.60319L17.6284%200.630636C16.4462%200.913501%2015.2993%201.28766%2014.1959%201.74525L14.5789%202.66898L14.962%203.5927C15.9688%203.17518%2017.0151%202.83382%2018.0938%202.57574L17.8611%201.60319ZM11.5044%204.23846L10.9811%203.38631C9.95191%204.01834%208.97624%204.72912%208.06252%205.51024L8.71233%206.27034L9.36213%207.03045C10.1968%206.31686%2011.088%205.66771%2012.0277%205.09061L11.5044%204.23846ZM6.27034%208.71233L5.51024%208.06253C4.72911%208.97625%204.01834%209.95191%203.38631%2010.9811L4.23846%2011.5044L5.09061%2012.0277C5.6677%2011.088%206.31685%2010.1969%207.03045%209.36213L6.27034%208.71233ZM2.66898%2014.5789L1.74525%2014.1959C1.28766%2015.2994%200.913499%2016.4462%200.630635%2017.6284L1.60319%2017.8611L2.57574%2018.0938C2.83382%2017.0151%203.17518%2015.9688%203.5927%2014.962L2.66898%2014.5789ZM0%2023C0%2022.3921%200.0235846%2021.7897%200.0698886%2021.1937L1.06688%2021.2711L2.06388%2021.3486C2.02158%2021.8931%202%2022.4438%202%2023C2%2023.5562%202.02158%2024.1069%202.06388%2024.6514L1.06688%2024.7289L0.0698888%2024.8063C0.0235846%2024.2103%200%2023.6079%200%2023ZM1.60319%2028.1389L0.630636%2028.3716C0.913501%2029.5538%201.28766%2030.7007%201.74525%2031.8041L2.66898%2031.4211L3.5927%2031.038C3.17518%2030.0312%202.83382%2028.9849%202.57574%2027.9062L1.60319%2028.1389ZM4.23846%2034.4956L3.38631%2035.0189C4.01834%2036.0481%204.72912%2037.0238%205.51024%2037.9375L6.27034%2037.2877L7.03045%2036.6379C6.31686%2035.8032%205.66771%2034.912%205.09061%2033.9723L4.23846%2034.4956Z%22%20fill%3D%22%237E94B4%22%2F%3E%3Cpath%20d%3D%22M21.2%2029.24H29.57V32H15.38V31.28L22.43%2023.69C24.44%2021.56%2025.58%2020.03%2025.58%2018.26C25.58%2016.34%2024.35%2014.78%2022.28%2014.78C20.21%2014.78%2018.92%2016.4%2018.92%2018.38C18.92%2018.77%2018.98%2019.37%2019.07%2019.91H15.86C15.71%2019.34%2015.65%2018.68%2015.65%2018.2C15.65%2015.05%2018.14%2011.87%2022.31%2011.87C26.12%2011.87%2028.88%2014.51%2028.88%2018.02C28.88%2020.99%2026.84%2023.27%2024.68%2025.55L21.2%2029.24Z%22%20fill%3D%22%235A4FFF%22%2F%3E%3C%2Fsvg%3E")
}

.steps-list__item._index-3::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%2222%22%20stroke%3D%22%2300B9CD%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M24.07%2019.55C26.74%2020%2029.32%2022.04%2029.32%2025.64C29.32%2029.72%2025.96%2032.33%2022.09%2032.33C18.73%2032.33%2016.36%2030.41%2015.13%2028.04L17.35%2026.48C18.43%2028.13%2019.81%2029.42%2022%2029.42C24.34%2029.42%2026.05%2027.95%2026.05%2025.67C26.05%2023.45%2024.43%2022.19%2021.49%2022.19H19.3V21.32L23.92%2015.11H16.54V12.2H28.87V13.07L24.07%2019.55Z%22%20fill%3D%22%235A4FFF%22%2F%3E%3C%2Fsvg%3E")
}
.steps-list__item._index-4::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzNDUwXzI4MTU2KSI+CjxwYXRoIGQ9Ik0yMy44NSAwQzEwLjcgMCAwIDEwLjcgMCAyMy44NUMwIDM3IDEwLjcgNDcuNyAyMy44NSA0Ny43QzM3IDQ3LjcgNDcuNyAzNyA0Ny43IDIzLjg1QzQ3LjcgMTAuNyAzNyAwIDIzLjg1IDBaTTQ0LjIzIDIzLjg1QzQ0LjIzIDM1LjA4IDM1LjA5IDQ0LjIyIDIzLjg1IDQ0LjIyQzEyLjYxIDQ0LjIyIDMuNDcgMzUuMDggMy40NyAyMy44NUMzLjQ3IDEyLjYyIDEyLjYxIDMuNDkgMjMuODUgMy40OUMzNS4wOSAzLjQ5IDQ0LjIzIDEyLjYyIDQ0LjIzIDIzLjg1WiIgZmlsbD0iIzAwQjlDRCIvPgo8cGF0aCBkPSJNMzIuMzIgMjYuODJWMjkuNTVIMjkuNjJWMzNIMjYuNDRWMjkuNTVIMTYuNTRWMjguNjhMMjIuODcgMTMuMkgyNi4xNEwyMC41MyAyNi44MkgyNi40NFYyMC43M0gyOS42MlYyNi44MkgzMi4zMloiIGZpbGw9IiM1QTRGRkYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMzQ1MF8yODE1NiI+CjxyZWN0IHdpZHRoPSI0Ny43IiBoZWlnaHQ9IjQ3LjciIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==')
}
.steps-list__item::after {
    content: '';
    height: 2px;
    grid-area: item4;
    width: 100%;
    background-color: #7E94B4;
}
@media (max-width: 768px) {
    .steps-list__item {
        min-height: 6.25rem;
        padding-left: 0;
        background-size: 6.25rem 6.25rem;
        background-position-x: .5rem;
        grid-template-areas: 
            "item1 item2"
            "item4 item2"; 
        gap: 1.0938rem;
        align-items: baseline;
        justify-items: center;
    }

    .steps-list__item::before {
        width: 3rem;
        height: 3rem;
        top: 0.5rem;
    }
    .steps-list__item::after {
        height: 2.5rem;
        width: 0.125rem;
    }
}
.steps-list__item > div {
    grid-area: item2;
    height: 100%;
    box-sizing: border-box;
}

.steps-list__title,
.steps-list__text {
    align-items: stretch;
    display: grid;
    height: 100%;
}

.steps-list__title {
    font: var(--font-accent-xl);
    height: auto;
    margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
    .steps-list__title {
        font: var(--font-accent-m);
    }

    .steps-list__title br {
        display: none;
    }

    .steps-list__item > div {
        width: 100%;
        height: auto;
    }
}
.steps-list__text {
    font: var(--font-body-l);
}

@media (max-width: 768px) {
    .steps-list__text {
        font: var(--font-body-m)
    }

    .steps-list__text br {
        display: none;
    }
}