<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
        integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
        <!-- <h1>IMAGE SLIDER</h1> -->
                <button id="prev" onclick="prev()"></button>
                <button id="next" onclick="next()"></button>
                    <p>No Limit Public Adjusters</p>
                    <h2>Insurance claim <br> assistance experts</h2>
                        <p>Leave the stress to Us, We'll handle your claim</p>
                        <a href="#">Get
                            Started</a>
                    <img src="https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680704749.jpg"
                    alt="">
                <img src="https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680867080.jpg"
                    alt="">
</body>
</html>
<style>
    * {
        margin: 0;
        padding: 0;
        font-family: "DM Sans", sans-serif;
    }
    #main {
        height: 100%;
        width: 100%;
        /* background-image: url(https://img.freepik.com/free-vector/white-abstract-background-design_23-2148825582.jpg?w=1060&t=st=1701062942~exp=1701063542~hmac=bfc8c76f240fe8332176dee6534a9c99b90f5f039252cc6a3153310c96c7a5a1);
    font-family: 'Lilita One', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px; */
    }
    /* h1{
    color: rgba(0, 0, 0, 0.646);
    font-size: 60px;
    word-spacing: 15px;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 60px;
}
#main>h1 span{
    -webkit-text-stroke: 1px black;
    text-stroke: 4px rgb(255, 255, 255);
    color: aliceblue;
} */
    #wrapper {
        height: 100vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    #wrapper i {
        font-size: 25px;
        pointer-events: none
    }
    #image-container {
        height: 100%;
        width: 100%;
        overflow: hidden;
        padding: 0px 0px;
    }
    #image-carousel {
        display: flex;
        height: 100%;
        width: 100%;
        gap: 100px;
        position: relative;
    }
    #image-carousel img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 1s;
        padding: 0px 0px;
    }
    button.slider-btnnn {
        cursor: pointer;
        padding: 14px;
        border-radius: 50%;
        color: rgb(255 255 255 / 20%);
        border: 2px solid #00000047;
        background-color: transparent;
    }
    .slider-btn {
        position: absolute;
        z-index: 9;
        left: 12%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .slider-text-div {
        position: absolute;
        z-index: 9;
        top: 35%;
        left: 18%;
    }
    .slider-info h2 {
        color: #ffff;
        font-size: 60px;
        font-weight: 700;
        line-height: 60px;
    }
    .slider-info p {
        color: #d3d9e3;
        padding: 10px 0px;
    }
    #image-container::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        max-width: 940px;
        width: 100%;
        height: 100%;
        background-color: rgb(22 36 61 / 85%);
        clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);
        z-index: 1;
    }
    .btn-div a{
        margin-top: 30px;
    }
    a.started-btn {
        text-decoration: none;
        border-radius: 10px;
        padding: 17px 40px;
        color: #fff;
        border: none;
        background-color: rgb(1 95 201);
        font-size: 16px;
        font-weight: 700;
        display: block;
        width: 31%;
    }
</style>
			<style>/*! elementor - v3.23.0 - 23-07-2024 */
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style>										<img width="370" height="176" src="https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680368568.jpg" alt="" srcset="https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680368568.jpg 370w, https://wordpress.localserverpro.com/NLP/wp-content/uploads/2024/07/1680368568-300x143.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" />													
			<style>/*! elementor - v3.23.0 - 23-07-2024 */
.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h2>Maximizing Your Claim
</h2>