.similar-cases {
    &__header {
    }

    &__title {
        color: cl("accent");
    }

    &__subtitle {
        margin-top: 16px;

        // min-width: 576px
        @include _SLMobile {
        }

        // min-width: 768px
        @include _Tablet {
        }

        // min-width: 992px
        @include _Laptop {
        }

        // min-width: 1024px
        @include _XSDesktop {
            margin-top: 32px;
        }

        // min-width: 1200px
        @include _Desktop {
            margin-top: 24px;
        }

        // min-width: 1400px
        @include _LDesktop {
            margin-top: 32px;
        }

        // min-width: 1600px
        @include _HDesktop {
        }
    }

    &__body {
        margin-top: 32px;

        // min-width: 576px
        @include _SLMobile {
        }

        // min-width: 768px
        @include _Tablet {
        }

        // min-width: 992px
        @include _Laptop {
        }

        // min-width: 1024px
        @include _XSDesktop {
        }

        // min-width: 1200px
        @include _Desktop {
        }

        // min-width: 1400px
        @include _LDesktop {
            margin-top: 60px;
        }

        // min-width: 1600px
        @include _HDesktop {
        }
    }

    &__list {
        display: grid;
        // grid-template-columns: repeat(3, 1fr);

        // min-width: 576px
        @include _SLMobile {
        }

        // min-width: 768px
        @include _Tablet {
            grid-template-columns: repeat(2, 1fr);
        }

        // min-width: 992px
        @include _Laptop {
        }

        // min-width: 1024px
        @include _XSDesktop {
            grid-template-columns: repeat(3, 1fr);
        }

        // min-width: 1200px
        @include _Desktop {
        }

        // min-width: 1400px
        @include _LDesktop {
        }

        // min-width: 1600px
        @include _HDesktop {
        }
    }

    &__item {
        .cases-item__substrate {
            --bg-color: #000;
        }
    }
}
