/* .categories {
    --Categories-Vertical-Padding: 120px;
    --Categories-Horizontal-Padding: var(--Side-Padding-Large);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 88px;
    padding: var(--Categories-Vertical-Padding) var(--Categories-Horizontal-Padding);

    .categories-text-block {
        display: flex;
        flex-direction: column;
        gap: 16px;
        text-align: center;

        .title {
            font-size: 40px;
            line-height: 56px;
            font-weight: 700;
        }

        .sub-title {
            font-size: 20px;
            line-height: 28px;
            font-weight: 400;
        }
    }

    .categories-items {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 56px;

        .category-item {
            width: 460px;
            flex: 1 0 0;
            display: flex;
            align-self: stretch;
            flex-direction: column;

            .category-item-image-wrapper {
                position: relative;
                top: 1px;
                width: 460px;
                height: 245px;
                background-color: aquamarine;
                display: flex;
                align-items: center;
                justify-content: center;

                .category-image {
                    width: 175px;
                    height: 140px;
                }
            }

            

            .category-content {
                display: flex;
                padding: 24px 32px;
                flex-direction: column;
                align-items: center;
                gap: 32px;
                flex: 1 0 0;
                align-self: stretch;
                border-radius: 0 0 24px 24px;
                color: var(--Colors-Text-Primary-Light);
    
                .category-content-header {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 8px;
                    text-align: center;


                    .category-content-title {
                        font-size: 32px;
                        font-weight: 700;
                        line-height: 44px;
                    }

                    .category-content-description {
                        font-size: 16px;
                        font-weight: 700;
                        line-height: 24px;
                    }
                }

                .category-content-list {
                    padding-top: 8px;
                    flex: 1 0 0;
                    border-top: 1px solid rgba(255, 255, 255, 0.32);

                    .category-content-list-item {
                        font-size: 20px;
                        font-weight: 600;
                        line-height: 28px;
                        padding: 16px 8px;
                        display: flex;
                        gap: 12px;
                        align-items: center;
                        justify-content: flex-end;
                        padding-inline-start: 0;
                        flex-direction: row-reverse;

                        .category-content-list-marker {
                            width: 24px;
                            height: 24px;
                        }

                        &::marker {
                            content: '';
                        }
                    }
                }

                .category-content-controls {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 24px;

                    .category-controls-button-link {
                        color: var(--Colors-Main-Dark);
                    }

                    .category-controls-link {
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        color: var(--Colors-Text-Primary-Light);
                    }
                }
            }

            &.orange-bg {

                .category-item-image-wrapper {
                    background-color: var(--Colors-Red-Main);
                    clip-path: path('M229.999 0C102.973 0 0 103.018 0 230.094V247.094H460V230.094C459.999 103.018 357.024 0 229.999 0Z');
                }

                .category-content {
                    background-color: var(--Colors-Red-Main);
                }
            }
    
            &.purple-bg {

                .category-item-image-wrapper {
                    background-color: var(--Colors-Violet-500);
                    clip-path: path('M450.088 71.9926L234.543 0.731446C231.593 -0.243815 228.407 -0.243815 225.457 0.731446L9.91174 71.9926C7.02663 72.9465 4.51591 74.7843 2.73653 77.245C0.957146 79.7056 -0.000397704 82.6638 1.23913e-07 85.6991V250.5H460.007V85.7001C460.007 82.6648 459.05 79.7066 457.27 77.246C455.491 74.7853 452.98 72.9475 450.095 71.9936');
                }
    
                .category-content {
                    background-color: var(--Colors-Violet-500);
                }
            }
        }
    }

    @media screen and (max-width: 1280px){
        --Categories-Vertical-Padding: 104px;
    }

    @media screen and (max-width: 1024px) {
        gap: 64px;
        --Categories-Horizontal-Padding: 20px;

        .categories-items {
            gap: 16px;
        }
    }

    @media screen and (max-width: 980px) {
        
        .categories-items {
            flex-direction: column;
            gap: 56px;
        }
    }

    @media screen and (max-width: 468px) {
        
        .categories-items {
            .category-item {
                width: 368px;
                .category-item-image-wrapper {
                    transform: scale(0.8);
                    top: 25px;
                    right: 46px;
                }
            }
        }
    }
}

html[dir='rtl'] {
    .categories {
        .categories-items {
            @media screen and (min-width: 980px) {
                flex-direction: row-reverse;
            }

            .category-item {
                .category-item-image-wrapper {
                    @media screen and (max-width: 468px) {
                        right: unset;
                        left: 46px;
                    }
                }
            }
        }
    }
} */

.categories {
    --Categories-Vertical-Padding: 120px;
    --Categories-Horizontal-Padding: var(--Side-Padding-Large);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 88px;
    padding: var(--Categories-Vertical-Padding) var(--Categories-Horizontal-Padding);
}
.categories .categories-text-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
}
.categories .categories-text-block .title {
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
}
.categories .categories-text-block .sub-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}
.categories .categories-items {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 56px;
}
.categories .categories-items .category-item {
    width: 460px;
    flex: 1 0 0;
    display: flex;
    align-self: stretch;
    flex-direction: column;
}
.categories .categories-items .category-item .category-item-image-wrapper {
    position: relative;
    top: 1px;
    width: 460px;
    height: 245px;
    background-color: aquamarine;
    display: flex;
    align-items: center;
    justify-content: center;
}
.categories .categories-items .category-item .category-item-image-wrapper .category-image {
    width: 175px;
    height: 140px;
}
.categories .categories-items .category-item .category-content {
    display: flex;
    padding: 24px 32px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 0 0 24px 24px;
    color: var(--Colors-Text-Primary-Light);
}
.categories .categories-items .category-item .category-content .category-content-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}
.categories .categories-items .category-item .category-content .category-content-header .category-content-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
}
.categories .categories-items .category-item .category-content .category-content-header .category-content-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.categories .categories-items .category-item .category-content .category-content-list {
    padding-top: 8px;
    flex: 1 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.32);
}
.categories .categories-items .category-item .category-content .category-content-list .category-content-list-item {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding: 16px 8px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-end;
    padding-inline-start: 0;
    flex-direction: row-reverse;
}
.categories .categories-items .category-item .category-content .category-content-list .category-content-list-item .category-content-list-marker {
    width: 24px;
    height: 24px;
}
.categories .categories-items .category-item .category-content .category-content-list .category-content-list-item::marker {
    content: '';
}
.categories .categories-items .category-item .category-content .category-content-controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.categories .categories-items .category-item .category-content .category-content-controls .category-controls-button-link {
    color: var(--Colors-Main-Dark);
}
.categories .categories-items .category-item .category-content .category-content-controls .category-controls-link {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--Colors-Text-Primary-Light);
}
.categories .categories-items .category-item.orange-bg .category-item-image-wrapper {
    background-color: var(--Colors-Red-Main);
    clip-path: path('M229.999 0C102.973 0 0 103.018 0 230.094V247.094H460V230.094C459.999 103.018 357.024 0 229.999 0Z');
}
.categories .categories-items .category-item.orange-bg .category-content {
    background-color: var(--Colors-Red-Main);
}
.categories .categories-items .category-item.purple-bg .category-item-image-wrapper {
    background-color: var(--Colors-Violet-500);
    clip-path: path('M450.088 71.9926L234.543 0.731446C231.593 -0.243815 228.407 -0.243815 225.457 0.731446L9.91174 71.9926C7.02663 72.9465 4.51591 74.7843 2.73653 77.245C0.957146 79.7056 -0.000397704 82.6638 1.23913e-07 85.6991V250.5H460.007V85.7001C460.007 82.6648 459.05 79.7066 457.27 77.246C455.491 74.7853 452.98 72.9475 450.095 71.9936');
}
.categories .categories-items .category-item.purple-bg .category-content {
    background-color: var(--Colors-Violet-500);
}
@media screen and (max-width: 1280px) {
    .categories {
        --Categories-Vertical-Padding: 104px;
   }
}
@media screen and (max-width: 1024px) {
    .categories {
        gap: 64px;
        --Categories-Horizontal-Padding: 20px;
   }
    .categories .categories-items {
        gap: 16px;
   }
}
@media screen and (max-width: 980px) {
    .categories .categories-items {
        flex-direction: column;
        gap: 56px;
   }
}
@media screen and (max-width: 468px) {
    .categories .categories-items .category-item {
        width: 368px;
   }
    .categories .categories-items .category-item .category-item-image-wrapper {
        transform: scale(0.8);
        top: 25px;
        right: 46px;
   }
}
@media screen and (min-width: 980px) {
    html[dir='rtl'] .categories .categories-items {
        flex-direction: row-reverse;
   }
}
@media screen and (max-width: 468px) {
    html[dir='rtl'] .categories .categories-items .category-item .category-item-image-wrapper {
        right: unset;
        left: 46px;
   }
}