<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <!-- Swiper -->
                        <img src="https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680867080-1.jpg"
                            srcset="https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/pexels-kampus-8439647.jpg 767w,
                            https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680867080-1.jpg"
                            sizes="(max-width: 767px) 767px,
                            768px" alt="Responsive image example" />
                            <h2>Insurance Claim Assistance Experts </h2>
                                <p>We're more than just insurance claim assistance
                                    experts</p>
                                <a href="#">Let's Get Started</a>
                        <img src="https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680704749-1.jpg"
                            srcset="https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/pexels-mtk402-2098913.jpg 767w,
                            https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680704749-1.jpg"
                            sizes="(max-width: 767px) 767px,
                            768px" alt="Responsive image example" />
                            <h2>Insurance Claim Assistance Experts </h2>
                                <p>We're more than just insurance claim assistance
                                    experts</p>
                                <a href="#">Let's Get Started</a>
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd"
                    d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
            </svg>
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                fill="currentColor" viewBox="0 0 16 16">
                <path fill-rule="evenodd"
                    d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8" />
            </svg>
        <!--  -->
    <style>
        .bannerSwiper .swiper-wrapper .swiper-slide {
            overflow: hidden;
        }
        .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .image {
            animation: linear scaleUpDown 5.2s;
        }
        .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text h2 {
            transform: translate(0, 0);
            transition: 2s;
        }
        .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text p {
            transform: translate(0, 0);
            transition: 2s;
        }
        .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text a {
            transform: translate(0, 0);
            transition: 2s;
        }
        .bannerSwiper .single {
            position: relative;
        }
        .bannerSwiper .single .image {
            position: relative;
            transform: scale(1.3);
        }
        .bannerSwiper .single .image::before {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            max-width: 940px;
            width: 100%;
            content: "";
            background-color: rgba(22, 36, 61, 0.85);
            -webkit-clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);
            z-index: 1;
        }
        .bannerSwiper .single .image::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 48%;
            width: 40px;
            content: "";
            background-color: rgba(22, 36, 61, 0.85);
            z-index: 1;
            transform: translateX(-50%) rotate(-10deg);
        }
        .bannerSwiper .single .image img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }
        .bannerSwiper .single .text {
            position: absolute;
            top: 0;
            left: 50%;
            width: 100%;
            max-width: 1140px;
            transform: translate(-50%, 0);
            height: 100%;
            display: flex;
            vertical-align: middle;
            align-items: center;
        }
        .bannerSwiper .single .text .content {
            max-width: 440px;
        }
        .bannerSwiper .single .text .before {
            position: relative;
        }
        .bannerSwiper .single .text .before::before {
            position: absolute;
            bottom: 0px;
            left: 0;
            height: 100%;
            width: 5px;
            background-color: rgba(255, 255, 255, 0.1);
            content: "";
            z-index: 1;
        }
        .bannerSwiper .single .text h2 {
            position: relative;
            transform: translate(0, -400px);
            transition: 2s;
            font-size: 60px;
            font-weight: 600;
            font-family: "DM Sans", sans-serif;
            color: #fff;
            line-height: 60px;
            letter-spacing: -2.4px;
            margin: 0;
            margin-bottom: 31px;
        }
        .bannerSwiper .single .text p {
            transform: translate(0, 400px);
            margin: 0;
            transition: 2s;
            margin-left: 30px;
            font-size: 18px;
            color: #fff;
            font-weight: 400;
            letter-spacing: -0.02em;
            line-height: 30px;
            margin-left: 30px;
            padding-bottom: 46px;
            opacity: 0.440369;
            font-family: "DM Sans", sans-serif;
            position: relative;
        }
        .bannerSwiper .single .text a {
            font-family: "DM Sans", sans-serif;
            transform: translate(0, 500px);
            transition: 2s;
            display: block;
            margin-left: 30px;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            outline: none !important;
            background-color: #015fc9;
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: -0.02em;
            border-radius: 10px;
            padding: 17px 40px 17px;
            transition: all 0.5s linear;
            overflow: hidden;
            z-index: 1;
            text-decoration: none !important;
        }
        .bannerSwiper .swiper-button-next,
        .bannerSwiper .swiper-button-prev {
            margin-top: -50px;
            right: 130px;
            left: initial;
            width: 50px;
            height: 50px;
            border: 2px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%;
        }
        .bannerSwiper .swiper-button-next::before,
        .bannerSwiper .swiper-button-next::after,
        .bannerSwiper .swiper-button-prev::before,
        .bannerSwiper .swiper-button-prev::after {
            display: none;
        }
        .bannerSwiper .swiper-button-next svg,
        .bannerSwiper .swiper-button-prev svg {
            width: 18px;
            color: rgba(255, 255, 255, 0.2);
        }
        .bannerSwiper .swiper-button-next {
            margin-top: 50px;
        }
        @keyframes scaleUpDown {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(1.3);
            }
        }
        .thm-btn:before {
            position: absolute;
            content: "";
            background-color: #000;
            width: 120%;
            height: 0;
            padding-bottom: 120%;
            top: -110%;
            left: -10%;
            border-radius: 50%;
            transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
            z-index: -1;
        }
        .thm-btn:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-color: #000;
            transform: translate3d(0, -100%, 0);
            transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
            z-index: -1;
        }
        .thm-btn:hover::after {
            transform: translate3d(0, 0, 0);
            transition-duration: 0.05s;
            transition-delay: 0.4s;
            transition-timing-function: linear;
        }
        .thm-btn:hover::before {
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
        }
        @media (max-width: 768px) {
            .bannerSwiper .swiper-wrapper .swiper-slide {
                height: 100vh;
                max-height: 666px;
            }
            .bannerSwiper .single {
                height: 100%;
            }
            .bannerSwiper .single .image {
                height: 100%;
            }
            .bannerSwiper .single .text .content {
                padding: 20px;
            }
            .bannerSwiper .single .text h2 {
                font-size: 45px;
                line-height: 45px;
            }
            .bannerSwiper .swiper-button-next,
            .bannerSwiper .swiper-button-prev {
                display: none;
            }
        }
        /*# sourceMappingURL=style.css.map */
    </style>
    <!-- Swiper JS -->
    <!-- Initialize Swiper -->