import Link from "next/link"


export default function Service2() {
    return (
        <>
            <section className="service-section position-relative bg_2 overflow-hidden">
                {/*-============spacing==========-*/}
                <div className="pd_top_80" />
                {/*-============spacing==========-*/}
                <div className="ab_img_left_top mr_top_minus_40 z_0">
                    <img src="/assets/images/shape/wave-pattern-2.png" className="img-fluid" alt="img" />
                </div>
                <div className="position-relative z_1">
                    <div className="container pd_zero md_pd_left_15 md_pd_right_15">
                        <div className="row">
                            <div className="col-lg-7 m-auto">
                                <div className="section_title text-center type_one color_white">
                                    <h4 className="sm_title"> Vinkine Popular Services</h4>
                                    <div className="title_whole">
                                        <h2 className="title"> Amazing Insurance Services</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {/*-============spacing==========-*/}
                        <div className="pd_bottom_40" />
                        {/*-============spacing==========-*/}
                        <div className="row  mr_left_minus_15 mr_right_minus_15">
                            <div className="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                <div className="service_box type_five style_two icon_box_only type_three trans">
                                    <div className="icon_inner trans">
                                        <div className="d-flex trans">
                                            <div className="icon trans">
                                                <i className=" flaticon-health-insurance trans" /></div>
                                            <div className="content">
                                                <div className="title_22">
                                                    <Link href="/service">Medical
                                                        Insurance</Link></div>
                                                <p className="trans">
                                                    Additional benefits such as health check up, wellness…</p>
                                                <Link href="/service" className="rd_more">
                                                    Read More
                                                    <svg width={14} height={12} viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M8 1L13 6M13 6L8 11M13 6H1" stroke="var(--color-white)" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                                                        </path>
                                                    </svg></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                <div className="service_box type_five style_two icon_box_only type_three trans">
                                    <div className="icon_inner trans">
                                        <div className="d-flex trans">
                                            <div className="icon trans">
                                                <i className=" flaticon-business-trip trans" /></div>
                                            <div className="content">
                                                <div className="title_22">
                                                    <Link href="/service">Business
                                                        Insurance</Link></div>
                                                <p className="trans">
                                                    Covers the loss of income that a business…</p>
                                                <Link href="/service" className="rd_more">
                                                    Read More
                                                    <svg width={14} height={12} viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M8 1L13 6M13 6L8 11M13 6H1" stroke="var(--color-white)" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                                                        </path>
                                                    </svg></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                <div className="service_box type_five style_two icon_box_only type_three trans">
                                    <div className="icon_inner trans">
                                        <div className="d-flex trans">
                                            <div className="icon trans">
                                                <i className=" flaticon-marriage trans" /></div>
                                            <div className="content">
                                                <div className="title_22">
                                                    <Link href="/service">Marriage
                                                        insurance</Link></div>
                                                <p className="trans">
                                                    We cover you for wedding cancel, material damage…</p>
                                                <Link href="/service" className="rd_more">
                                                    Read More
                                                    <svg width={14} height={12} viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M8 1L13 6M13 6L8 11M13 6H1" stroke="var(--color-white)" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                                                        </path>
                                                    </svg></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                <div className="service_box type_five style_two icon_box_only type_three trans">
                                    <div className="icon_inner trans">
                                        <div className="d-flex trans">
                                            <div className="icon trans">
                                                <i className=" flaticon-car-insurance-1 trans" /></div>
                                            <div className="content">
                                                <div className="title_22">
                                                    <Link href="/service">Car
                                                        Insurance</Link></div>
                                                <p className="trans">
                                                    Pleasant experience one has to consider the safety…</p>
                                                <Link href="/service" className="rd_more">
                                                    Read More
                                                    <svg width={14} height={12} viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M8 1L13 6M13 6L8 11M13 6H1" stroke="var(--color-white)" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                                                        </path>
                                                    </svg></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                <div className="service_box type_five style_two icon_box_only type_three trans">
                                    <div className="icon_inner trans">
                                        <div className="d-flex trans">
                                            <div className="icon trans">
                                                <i className=" flaticon-insurance trans" /></div>
                                            <div className="content">
                                                <div className="title_22">
                                                    <Link href="/service">Fire
                                                        Insurance</Link></div>
                                                <p className="trans">
                                                    Owns a property or has even rented a…</p>
                                                <Link href="/service" className="rd_more">
                                                    Read More
                                                    <svg width={14} height={12} viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M8 1L13 6M13 6L8 11M13 6H1" stroke="var(--color-white)" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                                                        </path>
                                                    </svg></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="col-xl-4 col-lg-4 col-md-6 col-sm-6">
                                <div className="service_box type_five style_two  icon_box_only type_three trans">
                                    <div className="icon_inner trans">
                                        <div className="d-flex trans">
                                            <div className="icon trans">
                                                <i className=" flaticon-house trans" /></div>
                                            <div className="content">
                                                <div className="title_22">
                                                    <Link href="/service">House
                                                        Insurance</Link></div>
                                                <p className="trans">
                                                    A home insurance policy will cover the cost…</p>
                                                <Link href="/service" className="rd_more">
                                                    Read More
                                                    <svg width={14} height={12} viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M8 1L13 6M13 6L8 11M13 6H1" stroke="var(--color-white)" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                                                        </path>
                                                    </svg></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="ab_img_right_bottom mr_bottom_minus_250 z_0">
                    <img src="/assets/images/shape/wave-pattern-1.png" className="img-fluid" alt="img" />
                </div>
                {/*-============spacing==========-*/}
                <div className="pd_bottom_80" />
                {/*-============spacing==========-*/}
            </section>

        </>
    )
}
