.elementor-widget-services-slider {
    position: relative;
    display: flex;
    justify-content: space-between;
    --services-slider-tab-main-color: #BEBFBA;

    @media all and (max-width: 1024px) {
        flex-direction: column;
        justify-content: unset;
    }

    & .elementor-widget-services-slider__tabs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: clamp(200px, 19.688vw, 378px);
        padding-block: clamp(60px,6.25vw,120px);
        box-sizing: border-box;

        @media all and (max-width: 1024px) {
            width: 100%;
            padding-top: 0;
            padding-inline: 30px;
        }

        & .elementor-widget-services-slider__service-title {
            display: flex;
            flex-direction: column;
            font-family: inherit;
            font-weight: 300;
            font-size: clamp(16px, 1.667vw, 32px);
            line-height: 1.0;
            color: var(--services-slider-tab-main-color);

            border-bottom: 1px solid var(--services-slider-tab-main-color);
            padding-bottom: 20px;
            box-sizing: border-box;

            &:not(:first-child) {
                padding-top: 28px;
            }

            &:focus {
                color: var(--services-slider-tab-main-color);
                border-bottom: 1px solid var(--services-slider-tab-main-color);
            }

            &:hover,
            &.active {
                color: #2A2D32;
                border-bottom: 3px solid #80A3A7;
            }
        }
        & .elementor-button {
            position: relative;
            display: flex;
            align-items: center;
            max-width: max-content;
            /* font-family: "Roboto", Sans-serif; */
            font-family: inherit;
            font-weight: 200;
            padding: 0;
            box-sizing: border-box;

            & > .elementor-button-icon {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                aspect-ratio: 1/1;
            }
        }
    }
    & .elementor-widget-services-slider__gallery-container {
        display: flex;
        gap: 20px;

        @media all and (max-width: 1024px) {
            flex-direction: column;
        }

        & .swiper-container {
            overflow: hidden;
            /* height: 1076.5px; */
            height: clamp(800px, 56.068vw, 1076.5px);

            @media all and (max-width: 1024px) {
                height: auto;
            }
        }

        & .swiper-wrapper {
            flex-direction: column;
            pointer-events: none;

            @media all and (max-width: 1024px) {
                flex-direction: row;
            }
        }

        & .gallery-column {
            width: clamp(200px, 24.010vw, 461px);

            @media all and (max-width: 1024px) {
                width: 100%;
            }

            & .swiper-slide {
                width: 100%;
                /* height: 518px; */
                height: clamp(200px, 26.979vw, 518px);

                @media all and (max-width: 1024px) {
                    width: auto;
                    height: clamp(180px, 14.375vw, 276px);
                    aspect-ratio: 922/515;
                }

                & .elementor-widget-services-slider__gallery-image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            & .swiper-slide:not(.swiper-slide-active) {
                filter: grayscale(1);
            }
        }
    }
}