.legal-slider {
            position: relative;
            width: 100%;
            height: 700px;
            overflow: hidden;
            background:
                linear-gradient(rgba(10,15,23,.50), rgba(10,15,23,.60)),
                url("../images/slider-bg.png") center/cover no-repeat;
        }

        /* Grid effect */
        .legal-slider::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
            background-size: 250px 250px;
            pointer-events: none;
        }

        .slider-heading {
            position: relative;
            z-index: 10;
            text-align: center;
            color: #fff;
            font-size: 30px;
            font-weight: 300;
            padding-top: 55px;
        }

        .slider-area {
            position: relative;
            width: 100%;
            height: 560px;
            margin-top: 15px;
        }

        .slide {
            position: absolute;
            top: 30px;
            left: 50%;
            width: 390px;
            height: 485px;
            transform-origin: center center;
            border: 1px solid rgba(255,255,255,.55);
            border-radius: 22px;
            overflow: hidden;
            background: #222;
            box-shadow: 0 20px 50px rgba(0,0,0,.45);
            transition:
                transform .65s ease,
                left .65s ease,
                opacity .65s ease,
                z-index .65s ease;
        }

        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .slide::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
                to bottom,
                rgba(0,0,0,.05),
                rgba(0,0,0,.35)
            );
        }

        /* CENTER */
        .slide.center {
            left: 50%;
            transform: translateX(-50%) scale(1);
            opacity: 1;
            z-index: 5;
        }

        /* LEFT */
        .slide.left {
            left: 23%;
            transform: translateX(-50%) rotate(-5deg) scale(.94);
            opacity: .9;
            z-index: 3;
        }

        /* RIGHT */
        .slide.right {
            left: 77%;
            transform: translateX(-50%) rotate(5deg) scale(.94);
            opacity: .9;
            z-index: 3;
        }

        /* Hidden slides */
        .slide.hidden-left {
            left: -10%;
            transform: translateX(-50%) scale(.75);
            opacity: 0;
            z-index: 1;
        }

        .slide.hidden-right {
            left: 110%;
            transform: translateX(-50%) scale(.75);
            opacity: 0;
            z-index: 1;
        }

        .slide-title {
            position: absolute;
            bottom: 35px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 8;
            min-width: 250px;
            padding: 13px 25px;
            text-align: center;
            color: #fff;
            font-family: Georgia, serif;
            font-size: 23px;
            font-weight: bold;
            background: rgba(40,40,40,.72);
            border: 1px solid rgba(255,255,255,.55);
            border-radius: 10px;
            backdrop-filter: blur(6px);
            white-space: nowrap;
        }

        /* Arrows */
        .slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 64px;
            height: 64px;
            border: 0;
            border-radius: 8px;
            background: rgba(220,230,230,.65);
            color: #111;
            font-size: 35px;
            line-height: 1;
            z-index: 20;
            cursor: pointer;
            transition: .3s;
        }

        .slider-arrow:hover {
            background: rgba(255,255,255,.9);
        }

        .slider-prev {
            left: 6%;
        }

        .slider-next {
            right: 6%;
        }

        /* Responsive */
        @media (max-width: 992px) {

            .slider-heading {
                font-size: 23px;
                padding: 35px 20px 0;
            }

            .slide {
                width: 320px;
                height: 420px;
            }

            .slide.left {
                left: 20%;
            }

            .slide.right {
                left: 80%;
            }
        }

        @media (max-width: 768px) {

            .legal-slider {
                height: 600px;
            }

            .slider-heading {
                font-size: 19px;
            }

            .slide {
                width: 280px;
                height: 390px;
            }

            .slide.left,
            .slide.right {
                opacity: .35;
            }

            .slide.left {
                left: 12%;
            }

            .slide.right {
                left: 88%;
            }

            .slider-prev {
                left: 3%;
            }

            .slider-next {
                right: 3%;
            }

            .slider-arrow {
                width: 45px;
                height: 55px;
                font-size: 27px;
            }

            .slide-title {
                font-size: 18px;
                min-width: 200px;
            }
        }