.flexslider {
    display: block;
    border: none;
    margin: 0;

    .slides {
        li {
            height: auto;
            @include breakpoint(1400px) {
                height: 535px;
            }
            position: relative;


            a {
                display: block;
                position: static;

                &:after {
                    content: normal;
                }
            }

            img {
                margin-top:5px;
                height: 100%;
                aspect-ratio: 2 / 1;
                object-fit: cover;
                @include breakpoint(768px) {

                }
                @include breakpoint(1400px) {
                    position: absolute;
                    top: 0;
                    left: 50%;
                    @include transform(translateX(-50%));
                    width: auto;
                    aspect-ratio: 3.6 / 1;
                }
            }
        }
    }

    .flex-direction-nav {
        display: none;
    }

    .flex-control-nav {
        bottom: 0;
        z-index: 2;

        a {
            &.flex-active {
                background: $red;
            }

            &:after {
                content: normal;
            }
        }
    }

    @include breakpoint($mobile-m) {
        display: block;
    }
}