.case-item.case_display_industries-no {
    display: none
}

.industries__wrapper {
    border-radius: 40px;
    background: #FFF;
    padding: 80px;
}

.industries__heading {
    margin-bottom: 40px;
    color: #202029;
}

.industries__category-image {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.industries__inner-wrapper {
    display: flex;
    gap: 40px;
}

.industries__sidebar {
    border-radius: 20px;
    padding: 20px 30px;
    background: #F1F4F9;
    height: fit-content;
    flex-basis: 300px;
}

.industries ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.industries__categories {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    transition: all 0.75s ease;
}

.industries__category-wrapper {
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 14.2px 23px;
    gap: 20px;
    transition: border 0.3s ease;
    cursor: pointer;
    border: 1px solid transparent;
}

.industries_category {
    color: #535353;
}

.industries-tab-active .industries_category {
    color: #202029;
}

.industries__cases {
    overflow: hidden;
    flex-basis: 860px;
}

.case-item {
    border-radius: 12px 12px 24px 12px;
    background: #202029;
    flex-basis: calc((100% - 26px) / 3);
    flex-grow: 0;
    padding: 24px 24px 21px 24px;
    display: flex;
    flex-direction: column;
}


.case-item__top {
    display: flex;
    gap: 20px;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 0.50px solid #999A9A;
}

.case-item__logo {
    width: auto;
    height: 28px;
    object-fit: contain;
    flex-shrink: 0;
}

.case-item__title {
    color: #FFF;
}

ul.case-item__info {
    margin-bottom: 20px;
}

.case-item__info-label {
    color: #999A9A;
    flex-basis: 62px;
}

.case-item__info-item {
    display: flex;
    gap: 23px;
    align-items: center;
}

.case-item__info-value {
    color: #FFF;
}

.case-item__tags {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    font-size: 12px;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.case-item__tag {
    display: flex;
    border: 1px solid #fff;
    border-radius: 5px 5px 15px 5px;
    padding: 8px 12px;
    color: #FFF;
    white-space: nowrap;
}

.industries__cases-inner {
    overflow: hidden;
    transition: max-height 0.5s ease;
}


.industries__btn {
    cursor: pointer;
    margin: 25px auto 0 auto;
    min-width: 261px;
    font-size: 16px;
}

.industries__sidebar-btn {
    width: 100%;
    background: transparent;
    border: 1px solid #202029;
    max-height: 40px;
    margin-top: 20px;
    cursor: pointer;
}

.case-tab.industries-tab-active {
    opacity: 1;
    position: relative;
    z-index: 100;
    transition: opacity 0.75s ease;
}

.industries__category-wrapper.industries-tab-active {
    border: 1px solid #202029;
}

.industries__cases-inner {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: auto;
}

.case-tab {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
}

.industries__btn.btn-hidden,
.industries__sidebar-btn.btn-hidden {
    display: none;
}

/* Custom Select */

/* Стилізація основного контейнера */
.custom-select-wrapper {
    display: none;
    width: 100%;
    position: relative;
}

/* Ховаємо стандартний select */
.industries__category-select {
    display: none;
}

/* Кастомний селект */
.custom-select {
    position: relative;
    user-select: none;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #202029;
    cursor: pointer;
    width: 100%;
}

/* Тригер для відкриття */
.custom-select__trigger {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    border: 1px solid #202029;
    border-radius: 12px;
    padding: 15px 40px;
    width: 100%;
    transition: all 0.3s ease;
}

.open .custom-select__trigger {
    border-radius: 12px 12px 0 0;
}

.custom-select__value {
    flex: 1;
}

/* Стилізація стрілки */
.custom-select__arrow {
    width: 12px;
    height: 12px;
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.4447 7.37568L5.32449 0.255608C5.15981 0.090796 4.93997 0 4.70557 0C4.47116 0 4.25133 0.090796 4.08664 0.255608L3.56229 0.779831C3.22109 1.12142 3.22109 1.6766 3.56229 2.01767L9.5413 7.99668L3.55566 13.9823C3.39097 14.1471 3.30005 14.3668 3.30005 14.6011C3.30005 14.8357 3.39097 15.0554 3.55566 15.2203L4.08001 15.7444C4.24482 15.9092 4.46453 16 4.69893 16C4.93334 16 5.15317 15.9092 5.31785 15.7444L12.4447 8.61782C12.6098 8.45248 12.7004 8.23174 12.6999 7.99707C12.7004 7.7615 12.6098 7.54088 12.4447 7.37568Z" fill="%23202029" transform="rotate(90 8 8)"/></svg>') no-repeat center;
    background-size: contain;
    transform: rotate(0);
    transition: transform 0.3s ease;
}

.custom-select.open .custom-select__arrow {
    transform: rotate(180deg);
}

/* Випадаюче меню */
.custom-select__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #202029;
    border-radius: 0 0 12px 12px;
    padding: 0 20px 0 20px;
    border-top: 0;
}

.custom-select.open .custom-select__dropdown {
    display: block;
}

/* Опції списку */
.custom-select__options {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 200px;
    overflow-y: auto;
}

.custom-select__options li {
    padding: 10px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.custom-select__options li:hover {
    background: #f1f4f9;
}

.industries__sidebar-btn svg {
    transition: transform 0.3s ease;
}

.industries__sidebar:has(.categories-opened) .industries__sidebar-btn svg {
    transform: rotateX(180deg);
}


@media screen and (max-width: 1349.98px) {
    .case-item {
        flex-basis: calc((100% - 13px) / 2);
    }
}

@media screen and (max-width: 1199.98px) {
    .industries__wrapper {
        padding: 40px;
    }

    .industries__inner-wrapper {
        gap: 30px;
    }
}

@media screen and (max-width: 1023.98px) {
    .industries__inner-wrapper {
        flex-direction: column;
        gap: 15px;
    }


    .industries__sidebar {
        display: none;
    }

    .custom-select-wrapper {
        display: flex;

    }

    .industries__cases {
        flex-basis: fit-content;
    }

    .industries__wrapper {
        padding: 40px 25px;
        border-radius: 20px;
    }

    .industries__heading {
        margin-bottom: 25px;
    }

    .case-item {
        border-radius: 14px 14px 24px 14px;
    }

    .case-item__info-label {
        font-size: 16px;
    }

    .case-item__info-item {
        justify-content: space-between;
    }

    .case-item__logo {
        width: 66px;
        height: 30px;
    }
}

@media screen and (max-width: 767.98px) {
    .case-item {
        flex-basis: 100%;
    }

    .case-tab {
        gap: 10px;
    }

}

}