import Link from "next/link"


export default function Service3() {
    return (
        <>
            <section className="service-section position-relative bg_2 overflow-hidden">
                {/*-============spacing==========-*/}
                <div className="pd_top_90" />
                {/*-============spacing==========-*/}
                <div className="ab_img_left_top z_0 mr_top_minus_150">
                    <img src="/assets/images/shape/wave-pattern-2.png" className="img-fluid" alt="img" />
                </div>
                <div className="container">
                    <div className="row">
                        <div className="col-lg-12">
                            <div className="section_title text-center color_white type_one">
                                <h4 className="sm_title"> Great Offer For Customer</h4>
                                <div className="title_whole">
                                    <h2 className="title"> Amazing Features For Insurance </h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/*-============spacing==========-*/}
                    <div className="pd_bottom_40" />
                    {/*-============spacing==========-*/}
                    <div className="row">
                        <div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                            <div className="icon_box_only type_one">
                                <div className="icon_box_in trans">
                                    <div className="shape_image">
                                        <svg width={116} height={121} viewBox="0 0 116 121" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M19.8056 39.6223L0.500244 0H17.5002L36.1734 36.0124L19.8056 39.6223Z" fill="var(--color-set-two-three-1)" />
                                            <path className="two" d="M36.8216 44.7789L19.8086 39.6339L41.3565 29.0508L58.4829 34.1875L36.8216 44.7789Z" fill="var(--color-set-one-2)" />
                                            <path className="two" d="M75.3704 66.1668L58.0938 61.0318L80.9934 52.772L98.1198 57.9087L75.3704 66.1668Z" fill="var(--color-set-one-2)" />
                                            <path d="M41.3564 29.0508L58.0936 61.0319L71.4346 56.223L60.3526 34.7522L41.3564 29.0508Z" fill="var(--color-set-two-three-1)" />
                                            <path d="M80.9629 52.792L116 121V91.5L99.9591 58.4917" fill="var(--color-set-two-three-1)" />
                                        </svg>
                                    </div>
                                    <div className="after" />
                                    <div className="icon">
                                        <i className=" flaticon-health-insurance" />
                                    </div>
                                    <div className="title_22">
                                        <Link href="#">
                                            Professional
                                            Insurance
                                            Services </Link>
                                    </div>
                                    <Link className="rd_more" href="#">
                                        Read More<i className="icontb fi-rs-arrow-small-right" />
                                    </Link>
                                </div>
                            </div>
                            {/*-============spacing==========-*/}
                            <div className="pd_bottom_20" />
                            {/*-============spacing==========-*/}
                        </div>
                        <div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                            <div className="icon_box_only  type_one">
                                <div className="icon_box_in trans">
                                    <div className="shape_image">
                                        <svg width={116} height={121} viewBox="0 0 116 121" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M19.8056 39.6223L0.500244 0H17.5002L36.1734 36.0124L19.8056 39.6223Z" fill="var(--color-set-two-three-1)" />
                                            <path className="two" d="M36.8216 44.7789L19.8086 39.6339L41.3565 29.0508L58.4829 34.1875L36.8216 44.7789Z" fill="var(--color-set-one-2)" />
                                            <path className="two" d="M75.3704 66.1668L58.0938 61.0318L80.9934 52.772L98.1198 57.9087L75.3704 66.1668Z" fill="var(--color-set-one-2)" />
                                            <path d="M41.3564 29.0508L58.0936 61.0319L71.4346 56.223L60.3526 34.7522L41.3564 29.0508Z" fill="var(--color-set-two-three-1)" />
                                            <path d="M80.9629 52.792L116 121V91.5L99.9591 58.4917" fill="var(--color-set-two-three-1)" />
                                        </svg>
                                    </div>
                                    <div className="after" />
                                    <div className="icon">
                                        <i className=" flaticon-growth" />
                                    </div>
                                    <div className="title_22">
                                        <Link href="#">
                                            We’re Trusted <br /> &amp; Save your Money </Link>
                                    </div>
                                    <Link className="rd_more" href="#">
                                        Read More<i className="icontb fi-rs-arrow-small-right" />
                                    </Link>
                                </div>
                            </div>
                            {/*-============spacing==========-*/}
                            <div className="pd_bottom_20" />
                            {/*-============spacing==========-*/}
                        </div>
                        <div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                            <div className="icon_box_only  type_one">
                                <div className="icon_box_in trans">
                                    <div className="shape_image">
                                        <svg width={116} height={121} viewBox="0 0 116 121" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M19.8056 39.6223L0.500244 0H17.5002L36.1734 36.0124L19.8056 39.6223Z" fill="var(--color-set-two-three-1)" />
                                            <path className="two" d="M36.8216 44.7789L19.8086 39.6339L41.3565 29.0508L58.4829 34.1875L36.8216 44.7789Z" fill="var(--color-set-one-2)" />
                                            <path className="two" d="M75.3704 66.1668L58.0938 61.0318L80.9934 52.772L98.1198 57.9087L75.3704 66.1668Z" fill="var(--color-set-one-2)" />
                                            <path d="M41.3564 29.0508L58.0936 61.0319L71.4346 56.223L60.3526 34.7522L41.3564 29.0508Z" fill="var(--color-set-two-three-1)" />
                                            <path d="M80.9629 52.792L116 121V91.5L99.9591 58.4917" fill="var(--color-set-two-three-1)" />
                                        </svg>
                                    </div>
                                    <div className="after" />
                                    <div className="icon">
                                        <i className=" flaticon-online-analytical" />
                                    </div>
                                    <div className="title_22">
                                        <Link href="#">
                                            Corporate
                                            &amp; Financial
                                            Services </Link>
                                    </div>
                                    <Link className="rd_more" href="#">
                                        Read More<i className="icontb fi-rs-arrow-small-right" />
                                    </Link>
                                </div>
                            </div>
                            {/*-============spacing==========-*/}
                            <div className="pd_bottom_20" />
                            {/*-============spacing==========-*/}
                        </div>
                        <div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                            <div className="icon_box_only  type_one">
                                <div className="icon_box_in trans">
                                    <div className="shape_image">
                                        <svg width={116} height={121} viewBox="0 0 116 121" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M19.8056 39.6223L0.500244 0H17.5002L36.1734 36.0124L19.8056 39.6223Z" fill="var(--color-set-two-three-1)" />
                                            <path className="two" d="M36.8216 44.7789L19.8086 39.6339L41.3565 29.0508L58.4829 34.1875L36.8216 44.7789Z" fill="var(--color-set-one-2)" />
                                            <path className="two" d="M75.3704 66.1668L58.0938 61.0318L80.9934 52.772L98.1198 57.9087L75.3704 66.1668Z" fill="var(--color-set-one-2)" />
                                            <path d="M41.3564 29.0508L58.0936 61.0319L71.4346 56.223L60.3526 34.7522L41.3564 29.0508Z" fill="var(--color-set-two-three-1)" />
                                            <path d="M80.9629 52.792L116 121V91.5L99.9591 58.4917" fill="var(--color-set-two-three-1)" />
                                        </svg>
                                    </div>
                                    <div className="after" />
                                    <div className="icon">
                                        <i className=" flaticon-health-insurance-1" />
                                    </div>
                                    <div className="title_22">
                                        <Link href="#">
                                            So Much <br />
                                            Fast &amp; Eeliable
                                            Services </Link>
                                    </div>
                                    <Link className="rd_more" href="#">
                                        Read More<i className="icontb fi-rs-arrow-small-right" />
                                    </Link>
                                </div>
                            </div>
                            {/*-============spacing==========-*/}
                            <div className="pd_bottom_20" />
                            {/*-============spacing==========-*/}
                        </div>
                    </div>
                </div>
                {/*-============spacing==========-*/}
                <div className="pd_bottom_40" />
                {/*-============spacing==========-*/}
                <div className="ab_img_right_bottom z_0 mr_bottom_minus_250">
                    <img src="/assets/images/shape/wave-pattern-1.png" className="img-fluid" alt="img" />
                </div>
            </section>

        </>
    )
}
