    <!-- Top Story Area Start Here -->
    <section class="bg-body section-space-default bg-content">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-12">
                    <div class=" ne-isotope">
                        <div class="topic-border color-cinnabar mb-30">
                            <div class="topic-box-lg color-cinnabar">Latest News</div>
                            <div class="more-info-link">
                                <a href="post-style-1.html">More
                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                                </a>
                            </div>
                        </div>
                        <div class="featuredContainer">
                            <div class="row ">
                                <div class="col-md-6 col-sm-12">
                                    <div class="img-overlay-70 img-scale-animate news-block-lg">
                                        <a href="single-news-1.html">
                                            <img src="../assets/img/news/news5.jpg" alt="news" class="img-fluid width-100">
                                        </a>
                                        <div class="mask-content-lg">
                                            <div class="topic-box-sm color-cinnabar mb-20">Politics</div>
                                            <div class="post-date-light">
                                                <ul>
                                                    <li>
                                                        <span>by</span>
                                                        <a href="single-news-1.html">Adams</a>
                                                    </li>
                                                    <li>
                                                        <span>
                                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                                        </span>March 22, 2017</li>
                                                </ul>
                                            </div>
                                            <h2 class="title-medium-light size-lg">
                                                <a href="single-news-1.html">Government launches are inquiry into tainted ...</a>
                                            </h2>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="media news-block-sm mb-30">
                                        <a class="width38-lg width40-md img-opacity-hover" href="single-news-1.html">
                                            <img src="../assets/img/news/news6.jpg" alt="news" class="img-fluid">
                                        </a>
                                        <div class="media-body">
                                            <div class="post-date-dark">
                                                <ul>
                                                    <li>
                                                        <span>
                                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                                        </span>February 10, 2017</li>
                                                </ul>
                                            </div>
                                            <h3 class="title-medium-dark size-md mb-none">
                                                <a href="single-news-2.html">Blog post look better they are with a featured.</a>
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="media news-block-sm mb-30">
                                        <a class="width38-lg width40-md img-opacity-hover" href="single-news-2.html">
                                            <img src="../assets/img/news/news7.jpg" alt="news" class="img-fluid">
                                        </a>
                                        <div class="media-body">
                                            <div class="post-date-dark">
                                                <ul>
                                                    <li>
                                                        <span>
                                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                                        </span>January 10, 2017</li>
                                                </ul>
                                            </div>
                                            <h3 class="title-medium-dark size-md mb-none">
                                                <a href="single-news-3.html">UAE athlete dies after inden London training ground.</a>
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="media news-block-sm mb-30">
                                        <a class="width38-lg width40-md img-opacity-hover" href="single-news-3.html">
                                            <img src="../assets/img/news/news8.jpg" alt="news" class="img-fluid">
                                        </a>
                                        <div class="media-body">
                                            <div class="post-date-dark">
                                                <ul>
                                                    <li>
                                                        <span>
                                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                                        </span>December 15, 2016</li>
                                                </ul>
                                            </div>
                                            <h3 class="title-medium-dark size-md mb-none">
                                                <a href="single-news-1.html">Blog post look better they are with a featured.</a>
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="media news-block-sm mb-30">
                                        <a class="width38-lg width40-md img-opacity-hover" href="single-news-1.html">
                                            <img src="../assets/img/news/news9.jpg" alt="news" class="img-fluid">
                                        </a>
                                        <div class="media-body">
                                            <div class="post-date-dark">
                                                <ul>
                                                    <li>
                                                        <span>
                                                            <i class="fa fa-calendar" aria-hidden="true"></i>
                                                        </span>November 23, 2016</li>
                                                </ul>
                                            </div>
                                            <h3 class="title-medium-dark size-md mb-none">
                                                <a href="single-news-2.html">Blog post look better they are with a featured.</a>
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                          
                        </div>
                    </div>
                  
                </div>
                <div class="ne-sidebar sidebar-break-md col-lg-4 col-md-12">
                    <div class="sidebar-box">
                        <div class="topic-border color-cod-gray mb-30">
                            <div class="topic-box-lg color-cod-gray">statistics</div>
                        </div>
                        <div class=" statistics">
                            <div class="row">
                                <div class="col-6 col-lg-4 col-sm-6 col-md-6">
                                    <div class="fun-fact">
                                        <i class="fa fa-users" aria-hidden="true"></i>
                                        <p>  الزوار</p>
                                        <h3><span class="count">2150</span></h3>
                                    </div>
                                </div>
                                
                                <div class="col-6 col-lg-4 col-sm-6 col-md-6">
                                    <div class="fun-fact">
                                        <i class="fa fa-male" aria-hidden="true"></i>
                                        <p>العائلات </p>
                                        <h3><span class="count">550</span></h3>
                                    </div>
                                </div>
                                
                                <div class="col-6 col-lg-4 col-sm-6 col-md-6">
                                    <div class="fun-fact">
                                        <i class="fa fa-users" aria-hidden="true"></i>
                                        <p>الأعضاء</p>
                                        <h3><span class="count">35</span></h3>
                                    </div>
                                </div>
                            </div>
                              
                        </div>
                        <div class="newsletter-area bg-primary">
                            <h2 class="title-medium-light size-sm">What do you think of designing a family website </h2>
                            <div class="radio">
                                    <label><input type="radio" name="optradio" checked>Excellent</label>
                                  </div>
                                  <div class="radio">
                                    <label><input type="radio" name="optradio">Good</label>
                                  </div>
                                  <div class="radio disabled">
                                    <label><input type="radio" name="optradio">Normal</label>
                                  </div>
                            <button type="submit" class="btn btn-dark btn-large btn-send">
                                Send
                            </button>
                        </div>
                    </div>
                </div>
            </div>
           
        </div>
    </section>
    <!-- Top Story Area End Here -->
    <!-- Video Area Start Here -->
    <section class="bg-accent section-space-less4 videos">
        <div class="container">
            <div class="row tab-space2">
                <div class="col-lg-4 col-md-12 mb-4">
                    <div class="img-overlay-70">
                        <div class="mask-content-sm">
                            <h3 class="title-medium-light">
                                <a href="#">Gym Fitness area coverded they Governed this in 2017</a>
                            </h3>
                        </div>
                        <div class="text-center">
                            <a class="play-btn popup-youtube" href="https://www.youtube.com/watch?v=AMjMFbhyhwY">
                                <img src="../assets/img/banner/play.png" alt="play" class="img-fluid">
                            </a>
                        </div>
                        <img src="../assets/img/news/news5.jpg" alt="news" class="img-video img-fluid width-100">
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 mb-4">
                    <div class="img-overlay-70">
                        <div class="mask-content-sm">
                            <h3 class="title-medium-light">
                                <a href="#">Patricia Urquiola transparent furney Italia with iridescent</a>
                            </h3>
                        </div>
                        <div class="text-center">
                            <a class="play-btn popup-youtube" href="https://www.youtube.com/watch?v=AMjMFbhyhwY">
                                <img src="../assets/img/banner/play.png" alt="play" class="img-fluid">
                            </a>
                        </div>
                        <img src="../assets/img/news/news6.jpg" alt="news" class="img-video img-fluid width-100">
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 mb-4">
                    <div class="img-overlay-70">
                        <div class="mask-content-sm">
                            <h3 class="title-medium-light">
                                <a href="#">Denton Corker Marshall the myste biennale pavilion</a>
                            </h3>
                        </div>
                        <div class="text-center">
                            <a class="play-btn popup-youtube" href="https://www.youtube.com/watch?v=AMjMFbhyhwY">
                                <img src="../assets/img/banner/play.png" alt="play" class="img-fluid">
                            </a>
                        </div>
                        <img src="../assets/img/news/news7.jpg" alt="news" class="img-video img-fluid width-100">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Video Area End Here -->
  