.industries__list {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.industries__button {
    flex-basis: calc((100% - 48px) / 4);
    border: 2px solid #E8E7EB;
    border-radius: 18px;
    background: #F4F6F8;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.industries__button-title {
    margin-bottom: 13px;
}

.industries__button-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.industries__item-excerpt > p {
    font-size: 14px;
}

.industries__item-excerpt {
    background: #A5D4EC;
    border-radius: 10px;
    border: 1px solid #A5D4EC;
    padding: 4px 10px;
}

.industries__toggle-button.button {
    display: none;
}

.industries__item-icon{
    width: 29px;
    height: 29px;
    transition: all ease 0.3s;
    transform: rotate(0deg);
}

.industries__button:hover .industries__item-icon{
    transform: rotate(45deg);
}

@media screen  and (min-width: 831px) and (max-width: 1200px) {
    .industries__button {
        flex-basis: calc((100% - 32px) / 3);
    }
}

@media screen and (min-width: 1024px) {
    .industries__heading {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1023.99px) {
    .industries__heading {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 830.98px) {
    .industries__list {
        flex-direction: column;
        gap: 10px;
    }

    .industries__block {
        overflow: hidden;
    }

    .industries__button {
        display: none;
    }

    body .industries__button:nth-child(1),
    body .industries__button:nth-child(2),
    body .industries__button:nth-child(3),
    body .industries__button:nth-child(4),
    body .industries__button:nth-child(5) {
        display: flex;
    }

    body .industries__button:nth-child(5) {
        margin-bottom: -94px;

    }

    .industries__list.active .industries__button:nth-child(5) {
        margin-bottom: 0;
    }

    .industries__list.active .industries__button {
        display: flex;

    }

    .industries__list.active{
        padding-bottom: 24px;
    }

    .industries__list .industries__button:nth-child(5){
        padding-bottom: 0;
    }

    body .industries__toggle-button.button {
        display: flex;
    }


    .industries__toggle-button.button {
        border: unset;
        margin-top: -31px;
        z-index: 1;
        position: relative;
        min-width: 283px;
        margin-left: auto;
        margin-right: auto;
    }

}