@extends('site.layouts.master')
@section('title', 'HOME | Overcare Health Service')
@section('style')
    <style>
        .opening-hours {
            background-color: #283b6a;
            color: white;
            /* text-align: center; */
            padding: 2rem 1rem;
            border-radius: 20px;
            box-shadow: 10px 6px 20px 0px grey;
        }

        .opening-hours h1,
        .opening-hours h2 {
            font-weight: bold;
            color: white;
            /* font-size: 45px; */
        }

        .opening-hours h1 {
            font-size: 4rem;
            margin-bottom: 0.5rem;
            text-align: center;
        }

        .opening-hours h2 {
            font-size: 2rem;
            margin-bottom: 2rem;
        }

        .opening-hours .wave {
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,96L48,128C96,160,192,192,288,208C384,224,480,224,576,192C672,160,768,96,864,85.3C960,75,1056,117,1152,133.3C1248,149,1344,139,1392,133.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
            background-size: cover;
            min-height: 170px;
        }

        .opening-hours ul {
            list-style: none;
            padding: 0;
            background: #ffffff;
            color: #283b6a;
            padding-bottom: 20px;
        }

        .opening-hours li {
            font-size: 1.2rem;
            margin-bottom: 1rem;
            border-bottom: 1px solid #283b6a;
            max-width: 60%;
            width: 100%;
            margin: auto;
            padding: 0px 0px 10px 0px;
        }

        .opening-hours li:last-child {
            border: none;
        }
        /* Insurance */
        .insurance__single-content {
            transition: transform 0.3s ease;
        }

        .insurance__single-content:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
    </style>
@endsection
@section('content')
    <!--Start Main Slider Two-->
    <section class="main-slider main-slider-two">
        <div class="main-slider-two__inner">
            <div class="owl-carousel owl-theme main-slider-two__carousel">

                <!--Start Main Slider Two Single-->
                <div class="main-slider-two__single">
                    <div class="image-layer" style="background-image:url({{ asset('assets/images/slider/slide-1.webp') }})">
                    </div>

                    <div class="container">
                        <div class="main-slider-two__single-inner">
                            <div class="main-slider-two__content">
                                <div class="title">
                                    <h2>Psychiatry and <br>
                                        Behavioral Health <br>
                                        Services</h2>
                                </div>
                                <div class="para">
                                    <p>We have a great experience over the years treating various conditions, including
                                        depression, anxiety, ADD/ADHD, OCD, Bipolar, Mood Disorders, Psychotic disorders,
                                        Post-traumatic stress disorder, Substance Abuse such as Addictions, etc
                                    </p>
                                </div>

                                <div class="main-slider-one__content-btn">
                                    <div class="btn-one">
                                        <a href="#" class="thm-btn">Book Appointment</a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!--End Main Slider Two Single-->


            </div>
            {{-- <div class="owl-theme">
                <div class="owl-controls">
                    <div class="text-box">
                        <p>Slide Image</p>
                    </div>
                    <div class="custom-nav owl-nav">
                    </div>
                </div>
            </div> --}}
        </div>
    </section>
    <!--End Main Slider Two-->

    <!--Start Intro Two-->
    <section class="intro-two">
        <div class="container">
            <div class="row">
                <!--Start Intro Two Single-->
                <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <div class="intro-two__single shadow">

                        <div class="intro-two__single-icon">
                            <span class="fa fa-phone"></span>
                        </div>

                        <div class="intro-two__single-content text-center">
                            <h2><a href="#">Contact Us</a></h2>
                            <p>Please feel free to contact our friendly reception staff for assistance.</p>
                            <p><strong>Phone: 443-489-9009</strong></p>
                            <p><strong>Phone: 443-739-2026</strong></p>
                        </div>
                    </div>
                </div>
                <!--End Intro Two Single-->

                <!--Start Intro Two Single-->
                <div class="col-xl-4 col-lg-4 wow fadeIn" data-wow-delay="100ms" data-wow-duration="1500ms">
                    <div class="intro-two__single shadow">

                        <div class="intro-two__single-icon">
                            <span class="fa fa-hand-holding-medical"></span>
                        </div>

                        <div class="intro-two__single-content text-center">
                            <h2><a href="#">Opening Hours</a></h2>
                            <ul>
                                <li><strong>Monday – Friday 9.00 – 5:00 pm </strong></li>
                                <li><strong>Saturday: Closed </strong></li>
                                <li><strong>Sunday: Closed </strong></li>
                                <li><strong>Holiday: Closed </strong></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!--End Intro Two Single-->

                <!--Start Intro Two Single-->
                <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="intro-two__single shadow">

                        <div class="intro-two__single-icon">
                            <span class="fa fa-file-medical"></span>
                        </div>

                        <div class="intro-two__single-content text-center">
                            <h2><a href="#">Our Goal</a></h2>
                            <p>Our goal is to provide quality and holistic care with compassion.
                            </p>
                        </div>
                    </div>
                </div>
                <!--End Intro Two Single-->
            </div>
        </div>
    </section>
    <!--End Intro Two-->

    <!--Start About One-->
    <section class="about-one bg-body">
        <div class="container">
            <div class="row">
                <!--Start About One Img-->
                <div class="col-xl-6">
                    <div class="about-one__img">
                        <div class="about-one__img1 wow fadeInLeft" data-wow-delay=".3s">
                            <div class="inner">
                                <img src="assets/images/about/about-v1-img1.jpg" alt="#">
                            </div>
                        </div>

                    </div>
                </div>
                <!--End About One Img-->

                <!--Start About One Content-->
                <div class="col-xl-6">
                    <div class="about-one__content">
                        <div class="sec-title">
                            <div class="sec-title__tagline">
                                <h6>About US</h6>
                            </div>
                            <h2 class="sec-title__title">Welcome to our<br>
                                Psychiatry and Behavioral Health Services
                            </h2>
                        </div>

                        <div class="about-one__content-text1">
                            <p>Overcare Health Services provides care by offering a full range of psychiatry and behavioral
                                health services. We respond to the need for increased access to mental health care in our
                                communities. We have a therapeutic team highly trained to provide community mental health
                                therapy services to children and adults.</p>
                        </div>

                        <div class="about-one__content-text2">


                            <div class="about-one__content-text2-text">
                                <ul>
                                    <li>
                                        <p> <span class="icon-tick"></span> Our goal is to provide quality and holistic care
                                            with compassion. </p>
                                    </li>

                                    <li>
                                        <p> <span class="icon-tick"></span> Treatment is conducted through comprehensive
                                            assessments, evaluations, and individualized plans of care. </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End About One Content-->
            </div>
        </div>
    </section>
    <!--End About One-->

    {{-- <!--Start Opening Hours-->
    <section class="case-one case-one--case">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-4">
                    <div class="opening-hours">
                        <h1>Opening Hours</h2>
                            <div class="wave"></div>
                            <ul>
                                <li><strong>Monday – Friday 9.00 – 5:00 pm </strong></li>
                                <li><strong>Saturday: Closed </strong></li>
                                <li><strong>Sunday: Closed </strong></li>
                                <li><strong>Holiday: Closed </strong></li>
                            </ul>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="opening-hours">
                        <h1>Opening Hours</h2>
                            <div class="wave"></div>
                            <ul>
                                <li><strong>Monday – Friday 9.00 – 5:00 pm </strong></li>
                                <li><strong>Saturday: Closed </strong></li>
                                <li><strong>Sunday: Closed </strong></li>
                                <li><strong>Holiday: Closed </strong></li>
                            </ul>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="opening-hours">
                        <h1>Opening Hours</h2>
                            <div class="wave"></div>
                            <ul>
                                <li><strong>Monday – Friday 9.00 – 5:00 pm </strong></li>
                                <li><strong>Saturday: Closed </strong></li>
                                <li><strong>Sunday: Closed </strong></li>
                                <li><strong>Holiday: Closed </strong></li>
                            </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Opening Hours--> --}}

    <!--Start Case One-->
    <section class="case-one case-one--case">
        <div class="container">
            <div class="sec-title text-center">
                <div class="sec-title__tagline">
                    <h6>Mental Health</h6>
                </div>
                <h2 class="sec-title__title">Conditions We Treat</h2>
            </div>
            <div class="row">
                <!--Start Case One Single-->
                <div class="col-xl-3 col-lg-6 col-md-6 wow animated fadeInUp" data-wow-delay="0.1s">
                    <div class="case-one__single">
                        <div class="case-one__single-img">
                            <img src="assets/images/case/case-v1-img5.jpg" alt="#">
                        </div>

                        <div class="case-one__single-content">
                            <div class="icon-box">
                                <span class="icon-brain-svgrepo"></span>
                            </div>


                            <div class="case-one__single-content-inner">
                                <h2>ADHD</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Case One Single-->

                <!--Start Case One Single-->
                <div class="col-xl-3 col-lg-6 col-md-6 wow animated fadeInUp" data-wow-delay="0.2s">
                    <div class="case-one__single">
                        <div class="case-one__single-img">
                            <img src="assets/images/case/case-v1-img9.jpg" alt="#">
                            {{-- <img src="assets/images/case/case-v1-img6.jpg" alt="#"> --}}
                        </div>

                        <div class="case-one__single-content">
                            <div class="icon-box">
                                <span class="icon-brain-svgrepo"></span>
                            </div>


                            <div class="case-one__single-content-inner">
                                <h2>Psychotherapy</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Case One Single-->

                <!--Start Case One Single-->
                <div class="col-xl-3 col-lg-6 col-md-6 wow animated fadeInUp" data-wow-delay="0.3s">
                    <div class="case-one__single">
                        <div class="case-one__single-img">
                            <img src="assets/images/case/case-v1-img8.jpg" alt="#">
                        </div>

                        <div class="case-one__single-content">
                            <div class="icon-box">
                                <span class="icon-brain-svgrepo"></span>
                            </div>


                            <div class="case-one__single-content-inner">
                                <h2>Anxiety</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Case One Single-->

                <!--Start Case One Single-->
                <div class="col-xl-3 col-lg-6 col-md-6 wow animated fadeInUp" data-wow-delay="0.4s">
                    <div class="case-one__single">
                        <div class="case-one__single-img">
                            <img src="assets/images/case/ocd.jpg" alt="#">
                        </div>

                        <div class="case-one__single-content">
                            <div class="icon-box">
                                <span class="icon-brain-svgrepo"></span>
                            </div>

                            <div class="case-one__single-content-inner">
                                <h2>OCD </h2>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Case One Single-->

                <!--Start Case One Single-->
                <div class="col-xl-3 col-lg-6 col-md-6 wow animated fadeInUp" data-wow-delay="0.1s">
                    <div class="case-one__single">
                        <div class="case-one__single-img">
                            <img src="assets/images/case/pstd.jpg" alt="#">
                        </div>

                        <div class="case-one__single-content">
                            <div class="icon-box">
                                <span class="icon-brain-svgrepo"></span>
                            </div>


                            <div class="case-one__single-content-inner">
                                <h2>PTSD</h2>

                            </div>
                        </div>
                    </div>
                </div>
                <!--End Case One Single-->

                <!--Start Case One Single-->
                <div class="col-xl-3 col-lg-6 col-md-6 wow animated fadeInUp" data-wow-delay="0.2s">
                    <div class="case-one__single">
                        <div class="case-one__single-img">
                            <img src="assets/images/case/case-v1-img11.jpg" alt="#">
                        </div>

                        <div class="case-one__single-content">
                            <div class="icon-box">
                                <span class="icon-brain-svgrepo"></span>
                            </div>


                            <div class="case-one__single-content-inner">
                                <h2>Schizophrenia</h2>

                            </div>
                        </div>
                    </div>
                </div>
                <!--End Case One Single-->

                <!--Start Case One Single-->
                <div class="col-xl-3 col-lg-6 col-md-6 wow animated fadeInUp" data-wow-delay="0.3s">
                    <div class="case-one__single">
                        <div class="case-one__single-img">
                            <img src="assets/images/case/case-v1-img10.jpg" alt="#">

                        </div>

                        <div class="case-one__single-content">
                            <div class="icon-box">
                                <span class="icon-brain-svgrepo"></span>
                            </div>


                            <div class="case-one__single-content-inner">
                                <h2>Depression</h2>

                            </div>
                        </div>
                    </div>
                </div>
                <!--End Case One Single-->

                <!--Start Case One Single-->
                <div class="col-xl-3 col-lg-6 col-md-6 wow animated fadeInUp" data-wow-delay="0.4s">
                    <div class="case-one__single">
                        <div class="case-one__single-img">
                            <img src="assets/images/case/case-v1-img12.jpg" alt="#">
                        </div>

                        <div class="case-one__single-content">
                            <div class="icon-box">
                                <span class="icon-brain-svgrepo"></span>
                            </div>


                            <div class="case-one__single-content-inner">
                                <h2>Bipolar Disord</h2>

                            </div>
                        </div>
                    </div>
                </div>
                <!--End Case One Single-->
            </div>
        </div>
    </section>
    <!--End Case One-->

    <!--Start CTA One-->
    <section class="cta">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-9 col-lg-9 mb-3 mb-lg-0">
                    <div class="cta__content">
                        <h2>Our goal is to provide quality and holistic care with compassion.</h2>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 text-center">
                    <a href="" class="cta-btn"><span>Book Appointment</span></a>
                </div>
            </div>
        </div>
    </section>
    <!--End CTA One-->

    <!--Start Team Two -->
    <section class="insurance">
        <div class="insurance__bg"></div>
        <div class="container">
            <div class="sec-title text-center">
                <div class="sec-title__tagline">
                    <h6>Insurance</h6>
                </div>
                <h2 class="sec-title__title">In-Network with these Insurances and more</h2>
            </div>
            <div class="row">
                <!--Start Team Two Single-->
                <div class="col-xl-3 col-lg-3 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <div class="insurance__single">
                        <div class="insurance__single-content shadow border-3 border-primary-base border-end-0 border-top-0 border-bottom-0">
                            <div class="insurance_link">
                                <ul class="list-unstyled">
                                    <li><span class="icon-tick"></span><a>Aetna </a></li>
                                    <li><span class="icon-tick"></span><a>Amerigroup </a></li>
                                    <li><span class="icon-tick"></span><a>Anthem</a></li>
                                    <li><span class="icon-tick"></span><a>APS Healthcare</a></li>
                                    <li><span class="icon-tick"></span><a>Beacon Health Options | Carelon</a></li>
                                    <li><span class="icon-tick"></span><a>BHS | Behavioral Health Systems</a></li>
                                    <li><span class="icon-tick"></span><a>Blue Cross</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Team Two Single-->

                <!--Start Team Two Single-->
                <div class="col-xl-3 col-lg-3 wow fadeInRight" data-wow-delay="100ms" data-wow-duration="1500ms">
                    <div class="insurance__single">
                        <div class="insurance__single-content shadow border-3 border-primary-base border-end-0 border-top-0 border-bottom-0">
                            <div class="insurance_link">
                                <ul class="list-unstyled">
                                    <li><span class="icon-tick"></span><a>Blue Shield</a></li>
                                    <li><span class="icon-tick"></span><a>BlueCross and BlueShield</a></li>
                                    <li><span class="icon-tick"></span><a>CareFirst</a></li>
                                    <li><span class="icon-tick"></span><a>Cigna and Evernorth</a></li>
                                    <li><span class="icon-tick"></span><a>Humana</a></li>
                                    <li><span class="icon-tick"></span><a>JHHC Priority Partners</a></li>
                                    <li><span class="icon-tick"></span><a>John Hopkins Medicare Advantage</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Team Two Single-->

                <!--Start Team Two Single-->
                <div class="col-xl-3 col-lg-3 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="insurance__single">
                        <div class="insurance__single-content shadow border-3 border-primary-base border-end-0 border-top-0 border-bottom-0">
                            <div class="insurance_link">
                                <ul class="list-unstyled">
                                    <li><span class="icon-tick"></span><a>Johns Hopkins </a></li>
                                    <li><span class="icon-tick"></span><a> EHP </a></li>
                                    <li><span class="icon-tick"></span><a>Kaiser Med</a></li>
                                    <li><span class="icon-tick"></span><a>Maryland Physicians Care</a></li>
                                    <li><span class="icon-tick"></span><a>Medicaid</a></li>
                                    <li><span class="icon-tick"></span><a>Medicaid</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Team Two Single-->

                <!--Start Team Two Single-->
                <div class="col-xl-3 col-lg-3 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <div class="insurance__single">
                        <div class="insurance__single-content shadow border-3 border-primary-base border-end-0 border-top-0 border-bottom-0">
                            <div class="insurance_link">
                                <ul class="list-unstyled">
                                    <li><span class="icon-tick"></span><a>Medicare-DC </a></li>
                                    <li><span class="icon-tick"></span><a>Medstar Family </a></li>
                                    <li><span class="icon-tick"></span><a>MultiPlan</a></li>
                                    <li><span class="icon-tick"></span><a>Optum</a></li>
                                    <li><span class="icon-tick"></span><a>TRICARE</a></li>
                                    <li><span class="icon-tick"></span><a>USFHP</a></li>
                                    <li><span class="icon-tick"></span><a>United Healthcare UHC | UBH</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Team Two Single-->
            </div>
        </div>
    </section>
    <!--End Team Two -->
@endsection

@section('script')
@endsection