{include file="header.html"}
{config_load file="{$smarty.current_dir}/config.conf"}

{if $imobiliaria_codigo_aluguel != ""}
    {assign var="aluguel" value="SIM"}
{else}
    {assign var="aluguel" value="NAO"}
{/if}

{if $imobiliaria_codigo_vendas != ""}
    {assign var="venda" value="SIM"}
{else}
    {assign var="venda" value="NAO"}
{/if}

<section class="as-hero-wrapper hero-3">
    <div class="bg-shape bg-repeat" data-bg-src="/templates/{$imobiliaria_codigo}/assets/imagens/background.png"></div>
    <div class="as-hero-bg hero-banner-3"> 
        <img src="/templates/{$imobiliaria_codigo}/assets/imagens/banner.jpg" alt="Banner">
    </div>

   <div class="container-fluid">
        <div class="col-xxl-6 col-xl-7 col-md-9"> 
            <div class="hero-style3">
                <span class="hero-subtitle">Muito mais que uma imobiliária</span>
                <h1 class="hero-title">{#EmpresaNome#}</h1>
                <p class="hero-text mr-50">
                    Tradição e modernidade para ajudar você a conquistar seus objetivos. <br>
                    Seja na compra, venda ou locação, pode contar com nossa ajuda.
                </p>

                <div class="hero-btn">
                    <a href="{#EmpresaWhatsappLink#}" target="_blank" class="as-btn">
                        <i class="fa fa-whatsapp" style="font-size: 12px;"></i>
                        <span class="ml-2">Vamos conversar?</span>
                    </a> 
                </div>
            </div>
        </div>
    </div>
</section>

<!--==============================
booking Area  
==============================-->
<section class="">
    <div class="booking-area style3"> 
        <form action="#">
            <div class="booking-area-form">

                <div class="booking-box">
                    <h3 class="booking-title">Destinação</h3>
                    <div class="contact-field">
                        <select name="cbOperacao" id="cbOperacao" class="form-select nice-select" onChange="ajustaValores(this.value); xajax_cbCidades('cbCidade', document.getElementById('cbOperacao').value, ''); xajax_cbImoveisTipos('cbTipo', document.getElementById('cbOperacao').value, '', '', ''); xajax_cbBairros('cbBairro', document.getElementById('cbOperacao').value, '', '');">
                            <option value=""></option>
                            {if $imobiliaria_codigo_aluguel != ""}
                                <option value="ALUGUEL">ALUGUEL</option>
                            {/if}

                            {if $imobiliaria_codigo_vendas != ""}
                                <option value="VENDAS">VENDA</option>
                            {/if}
                        </select>
                    </div>
                </div>

                <div class="booking-box">
                    <h3 class="booking-title">Cidade</h3>
                    <div class="contact-field">
                        <select name="cbCidade" id="cbCidade" class="form-select nice-select" onChange="xajax_cbBairros('cbBairro', document.getElementById('cbOperacao').value, '', document.getElementById('cbCidade').value); xajax_cbImoveisTipos('cbTipo', document.getElementById('cbOperacao').value, '', document.getElementById('cbCidade').value, ''); xajax_cbImoveisTipos('cbTipo', document.getElementById('cbOperacao').value, '', document.getElementById('cbCidade').value, '');" />
                            <option value=""></option>
                        </select>
                    </div> 
                </div>

                <div class="booking-box">
                    <h3 class="booking-title">Bairro</h3>
                    <div class="contact-field">
                        <select name="cbBairro" id="cbBairro" class="form-select nice-select" onChange="xajax_cbImoveisTipos('cbTipo', document.getElementById('cbOperacao').value, '', document.getElementById('cbCidade').value, document.getElementById('cbBairro').value)">
                            <option value=""></option>
                        </select>
                    </div>
                </div>

                <div class="booking-box">
                    <h3 class="booking-title">Tipo de Imóvel</h3>
                    <div class="contact-field">
                        <select name="cbTipo" id="cbTipo" class="form-select nice-select">
                            <option value=""></option>
                        </select>
                    </div>
                </div>

                <div class="booking-btn-wrapp">  
                    <div class="booking-btn">
                        <a href="#" class="as-btn shadow-none">
                            <i class="fa fa-search"></i>
                            Buscar
                        </a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>
<!--==============================
About Area  
==============================-->
<div class="space about-section-two" id="about-sec">
    <div class="container">
        <div class="row">
            <div class="col-xl-7"> 
                <div class="title-area mt-n1 mb-25 mr-50">
                    <span class="sub-title">SOBRE NÓS</span>
                    <h2 class="sec-title">{#EmpresaNome#}</h2>
                    <p class="mt-n2 mb-10">
                        {#Institucional#}
                    </p>
                </div>
                <div class="about-box-wrapp">
                    {if socialFacebook != ""}
                    <div class="about-box-icon">
                        <div class="about-counter">
                            <i class="fa fa-facebook-square" aria-hidden="true"></i>
                            <h2 class="counter-card_number">Conecte-se</h2>
                        </div>
                    </div>
                    {/if}

                    {if socialInstagram != ""}
                    <div class="about-box-icon">
                        <div class="about-counter">
                            <i class="fa fa-instagram" aria-hidden="true"></i>
                            <h2 class="counter-card_number">Siga-nos</h2>
                        </div>
                    </div>
                    {/if}

                    {if socialTwitter != ""}
                    <div class="about-box-icon">
                        <div class="about-counter">
                            <i class="fa fa-twitter"></i>
                            <h2 class="counter-card_number">Fique por dentro</h2>
                        </div>
                    </div>
                    {/if}

                    {if socialYouTube != ""}
                    <div class="about-box-icon">
                        <div class="about-counter">
                            <i class="fa fa-youtube"></i>
                            <h2 class="counter-card_number">Assista</h2>
                        </div>
                    </div>
                    {/if}

                </div>

                <div class="about-btn">
                    <a href="about.html" class="as-btn shadow-none">Mais informações</a>
                    <div class="about-info">
                        <div class="about-info_icon style1">
                            <a href="tel:+163-1202-0099"><i class="fa fa-phone"></i></a>  
                        </div>
                        <div class="media-body">
                            <span class="about-info_label">Por telefone ou WhatsApp</span>
                            <p class="about-info_link">
                                <a href="tel:{#EmpresaTelefone#}">{#EmpresaTelefone#}</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-5">
                <div class="img-box2">
                    <div class="img2">
                       <img class="image_1" src="/templates/{$imobiliaria_codigo}/assets/imagens/about_2.png" alt="Sobre Nós">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--==============================
Destaques para Locação
==============================-->
 <div class="counter-area" data-bg-src="/templates/{$imobiliaria_codigo}/assets/img/bg/counter_bg_1.png">
    <div class="container">
        <div class="row justify-content-center"> 
            <div class="col-12">
                <span class="sub-title mt-4" style="font-size: 24px;">Destaques para Locação</span>
            </div>
        </div>
    </div>
</div>

<div class="service-area-three bg_smoke bg-top-center pt-50 pb-65" data-bg-src="/templates/{$imobiliaria_codigo}/assets/imagens/service_bg_3.jpg">
    <div class="container"> 
        <div class="tab-content " id="nav-tabContent"> 
            <div class="tab-pane slider-shadow show active fade" id="nav-dexury-one" role="tabpanel">
                <div class="row as-carousel" id="blogSlide1" data-slide-show="3" data-xl-slide-show="3" data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1" data-arrows="true">
                    {imoveis_busca imoveis_a_alugar={$aluguel} imoveis_a_vender={$venda} tipo_de_imoveis='' cidades='' bairros='' aluguel_registros=5 vendas_registros=5 registros_aleatorio=1 quartos_minimo=0 suites_minimo=0 area_terreno='' banheiros_minimo=0 garagens_minimo=0 imovel_codigo=0 imovel_pasta='' imovel_uf='' valor_maximo=0}

                    {foreach $imoveis_busca as $imovel}
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                {if $imovel.video_url != ''}
                                <object width="100%" height="260" style="height: 260px !important;">
                                    <param name="movie" value="{$imovel.video_url|replace:'watch?v=':'v/'}"></param>
                                    <param name="wmode" value="transparent"></param>

                                    <embed src="{$imovel.video_url|replace:'watch?v=':'v/'}" type="application/x-shockwave-flash" wmode="transparent" width="100%" height="260"></embed>
                                </object>
                                {else}
                                    {if trim($imovel.foto_capa_thumb) <> ''}
                                        <img src="{$imovel.foto_capa_thumb}" alt="{$imovel.tipo}" style="height: 260px;">
                                    {else}
                                        <img src="/templates/{$imobiliaria_codigo}/img/imovel_sem_foto.png" alt="{$imovel.tipo}" style="height: 260px;">
                                    {/if}
                                {/if}
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">
                                            {if $imovel.operacao != 'ALUGUEL'}
                                            <span>R$ {$imovel.valor_venda|number_format:2:",":"."}</span>
                                            {else}
                                            <span>R$ {$imovel.valor_aluguel|number_format:2:",":"."}</span>
                                            {/if}
                                        </span>
                                    </div>
                                    <span>
                                        <a href="service-details.html">{$imovel.tipo|truncate:35}</a>
                                        <br>
                                        <a href="service-details.html">{$imovel.bairro|truncate:35}</a>
                                    </span>
                                </div>

                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="/templates/{$imobiliaria_codigo}/assets/imagens/1.svg" alt="">
                                        <span class="ser-title">{$imovel.area_construida|number_format:2:",":"."}m²</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="/templates/{$imobiliaria_codigo}/assets/imagens/bed.svg" alt="">
                                        <span class="ser-title">{$imovel.quartos} quarto{if $imovel.quartos > 1}s{/if}</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="/templates/{$imobiliaria_codigo}/assets/imagens/bathroom.svg" alt="">
                                        <span class="ser-title">{$imovel.banheiros} banheiro{if $imovel.banheiros > 1}s{/if}</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="/detalhes/{$imovel.operacao}/{$imovel.id}/P04/" class="line-btn style3">Ver Detalhes</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>

            <div class="tab-pane slider-shadow fade" id="nav-luxury-two" role="tabpanel">
                <div class="row as-carousel" id="blogSlide1" data-slide-show="3" data-xl-slide-show="3"
                    data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1" data-arrows="true">
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Deluxe Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment luxury Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Queen Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Single Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Suites Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Altra Pro Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-pane slider-shadow fade" id="nav-queen-three" role="tabpanel">
                <div class="row as-carousel" id="blogSlide1" data-slide-show="3" data-xl-slide-show="3"
                    data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1" data-arrows="true">
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Deluxe Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment luxury Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Queen Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Single Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Suites Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Altra Pro Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-pane slider-shadow fade" id="nav-single" role="tabpanel">
                <div class="row as-carousel" id="blogSlide1" data-slide-show="3" data-xl-slide-show="3"
                    data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1" data-arrows="true">
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Deluxe Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment luxury Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Queen Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Single Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Suites Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Altra Pro Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-pane slider-shadow fade" id="nav-suites" role="tabpanel">
                <div class="row as-carousel" id="blogSlide1" data-slide-show="3" data-xl-slide-show="3"
                    data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1" data-arrows="true">
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Deluxe Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment luxury Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Queen Room<a></a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Single Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Suites Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Altra Pro Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-pane slider-shadow fade" id="nav-altra" role="tabpanel">
                <div class="row as-carousel" id="blogSlide1" data-slide-show="3" data-xl-slide-show="3"
                    data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1" data-arrows="true">
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Deluxe Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment luxury Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Queen Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_4.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Single Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_5.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Suites Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a>
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-auto">
                        <div class="service-card-two style3 extra">
                            <div class="service-card_img">
                                <img src="assets/img/service/service_3_6.jpg" alt="Service">
                            </div>
                            <div class="service-card_content-two">
                                <div>
                                    <div class="service-price">
                                        <span class="service-card_subtitle">PRICE $120.00 NIGHT</span>
                                        <div class="service-star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                    <h3 class="service-card_title"><a href="service-details.html">Apartment Altra Pro Room</a>
                                    </h3>
                                </div>
                                <div class="service-card-wrapper">
                                    <div class="service-icon">
                                        <img src="assets/img/icon/1.svg" alt="">
                                        <span class="ser-title">250 sqm</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bed.svg" alt="">
                                        <span class="ser-title">3 Bed</span>
                                    </div>
                                    <div class="service-icon">
                                        <img src="assets/img/icon/bathroom.svg" alt="">
                                        <span class="ser-title">3 Bathroom</span>
                                    </div>
                                </div>

                                <div class="service-wrapper">
                                    <a href="service-details.html" class="line-btn style3">VIEW DETAILS</a> 
                                    <a href="service-details.html" class="line-btn">BOOK NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--==============================
facality Area  
==============================-->
<div class="space facality-area">
    <div class="container">
        <div class="row align-items-center justify-content-center"> 
            <div class="col-xl-12">
                <div class="title-area mt-n1 text-center">  
                    <span class="sub-title">Apartment Facility</span>
                    <h2 class="sec-title">Our Amazing Apartment Facility</h2>
                </div>
                <div class="choose-wrapper style2 mb-60">
                    <div class="choose-box "> 
                        <div class="choose-box_icon">
                            <img src="assets/img/icon/single_wifi.svg" alt="">  
                        </div>
                        <div class="choose-box_content">
                            <h3 class="choose-box_title">High Speed Wifi</h3>
                            <p class="choose-box_desc">Monotonectally seize performance based value after state of the art.</p>
                        </div>
                    </div> 
                    <div class="choose-box">
                        <div class="choose-box_icon">
                            <img src="assets/img/icon/gym.svg" alt="">   
                        </div>
                        <div class="choose-box_content">
                            <h3 class="choose-box_title">Gym Center</h3>
                            <p class="choose-box_desc">Monotonectally seize performance based value after state of the art.</p>
                        </div>
                    </div>
                    <div class="choose-box"> 
                        <div class="choose-box_icon">
                            <img src="assets/img/icon/swimming.svg" alt=""> 
                        </div>
                        <div class="choose-box_content">
                            <h3 class="choose-box_title">Swimming Pool</h3> 
                            <p class="choose-box_desc">Monotonectally seize performance based value after state of the art.</p>
                        </div>
                    </div>
                </div>
                <div class="hotel-box-wrapper style2">
                    <div class="hotel-image">
                        <img src="assets/img/normal/hotel_1.jpg" alt="">  
                    </div>
                    <div class="hotel-card-content">
                        <span class="hotel-card_subtitle">restaurant</span>
                        <h3 class="hotel-card_title"><a href="restaurant.html" tabindex="-1">Eat Foods And
                                Drinks</a></h3>
                        <p class="hotel-card_text">Enthusiastically productize intuitive convergence after
                            resource sucking e-business. Interactively recaptiualize leading. Efficiently scale granular
                            sources for mission-critical platforms.</p>
                        <span class="hotel-date">Open Daily : 7.30 am - 11.00pm</span>
                        <div class="hotel-content-btn mt-30">
                            <a href="service-details.html" class="as-btn shadow-none" tabindex="-1">Read more</a>
                        </div>
                    </div> 
                </div>
                <div class="hotel-box-wrapper style2 bs"> 
                    <div class="hotel-image style2"> 
                        <img src="assets/img/normal/spa.jpg" alt="">  
                    </div>
                    <div class="hotel-card-content"> 
                        <span class="hotel-card_subtitle">WELLNESS & SPA</span>
                        <h3 class="hotel-card_title"><a href="service.html" tabindex="-1">Relaxing Moment at Our Spa Center.</a></h3>
                        <p class="hotel-card_text">Uniquely foster principle-centered outsourcing via high standards in users. Uniquely parallel task interactive processes with inexpensive solutions. Holisticly scale empowered.</p>
                        <div class="hotel-wrapper">
                            <div class="about-icon-list">
                                <ul>
                                    <li><i class="fa-solid fa-circle-check"></i>Thermal water with ancient baths</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Relax and therapy massage</li>
                                </ul>
                            </div>
                            <div class="about-icon-list">
                                <ul>
                                    <li><i class="fa-solid fa-circle-check"></i>Turkish sauna</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Turkish bath</li>
                                </ul>
                            </div>
                        </div>
                       
                        <div class="hotel-content-btn mt-30">  
                            <a href="service-details.html" class="as-btn shadow-none"
                                tabindex="-1">Read more</a>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
    </div>
</div>
<!--==============================
Video Area  
==============================-->
<div class="video-section space-top bg-top-center bg-repeat style3" data-bg-src="assets/img/bg/video_bg_1.jpg"> 
    <div class="container">
        <div class="row flex-row-reverse justify-content-center"> 
            <div class="col-md-6 col-lg-4">
                <div class="service-box style2">
                    <div class="service-box_icon">
                        <img src="assets/img/icon/saving.svg" alt="">
                    </div>
                    <div class="service-box_content">
                        <h3 class="service-box_title text-white">Reasonable Price Rate</h3>
                        <p class="service-box_desc text-white">Monotonectally seize performance based value after state
                            of the art
                            web readiness. Distinctively.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="service-box style2">
                    <div class="service-box_icon">
                        <img src="assets/img/icon/drimon.svg" alt="">
                    </div>
                    <div class="service-box_content">
                        <h3 class="service-box_title text-white">5 Stars Standard Living</h3>
                        <p class="service-box_desc text-white">Monotonectally seize performance based value after state
                            of the art
                            web readiness. Distinctively.</p>
                    </div>
                </div> 
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="service-box style2">
                    <div class="service-box_icon">
                        <img src="assets/img/icon/vision.svg" alt="">
                    </div>
                    <div class="service-box_content">
                        <h3 class="service-box_title text-white">Vision Panorama</h3>
                        <p class="service-box_desc text-white">Monotonectally seize performance based value after
                            stateof the art web readiness. Distinctively.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="video box-wrapp space-top">
                    <div class="video-box1" data-bg-src="assets/img/normal/video_3.jpg">
                        <div class="title-area mt-n1 text-center mb-30">
                            <span class="sub-title text-white">Our video</span>
                            <h2 class="sec-title text-white">Explore Apartment Design</h2>
                        </div>
                        <a href="http://www.youtube.com/watch?v=Ac0KdH1RCC8" class="play-btn popup-video"><i
                                class="fa-sharp fa-solid fa-play"></i></a> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--==============================
Hotel Area  
==============================-->
<!--==============================
Testimonial 2 Area  
==============================-->
<section class=" space bg-smoke2 testimonial-area-two style3" data-bg-src="assets/img/bg/testimonial_bg_2.jpg">
    <div class="container">
        <div class="title-area mt-n1 text-center"> 
            <span class="sub-title">Testimonials</span>
            <h2 class="sec-title">What Client Say</h2>
        </div>
        <div class="row as-carousel slider-shadow " data-slide-show="3" data-lg-slide-show="2" data-md-slide-show="1"
            data-sm-slide-show="1" id="testislidev2">
            <div>
                <div class="testi-card style3">
                    <div class="testi-content">
                        <p class="testi-box_text">“Intrinsicly leverage existing top-line expertise via turnkey
                            models. Authoritatively leverage existing wireless benefits rather than resource
                            sucking value. Competently leverage other's enterprise experiences”
                        </p>
                        <div class="star-icon">
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-regular fa-star"></i></a>
                            <a href="#"><i class="fa-regular fa-star"></i></a>
                            <span class="ratting">(4.7)</span>
                        </div>
                        <div class="testimonial-author">
                            <div class="testi-box_avater">
                                <img src="assets/img/testimonial/author_1.png" alt="testimonial">
                            </div>
                            <div class="testimonial-author">
                                <div class="testi-box_profile">
                                    <div class="media-body">
                                        <h3 class="testi-box_name h6">David H. Smith</h3>
                                        <span class="testi-box_desig">UI/UX Designer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="testi-card style3">
                    <div class="testi-content">
                        <p class="testi-box_text">“Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
                            Donec sollicitudin molestie malesuada. Donec sollicitudin molestie malesuada. Vestibulum ac
                            vehicula elementum sed sit amet dui.”
                        </p>
                        <div class="star-icon">
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-regular fa-star"></i></a>
                            <a href="#"><i class="fa-regular fa-star"></i></a>
                            <span class="ratting">(4.7)</span>
                        </div>
                        <div class="testimonial-author">
                            <div class="testi-box_avater">
                                <img src="assets/img/testimonial/author_2.png" alt="testimonial">
                            </div>
                            <div class="testimonial-author">
                                <div class="testi-box_profile">
                                    <div class="media-body">
                                        <h3 class="testi-box_name h6">Jenifer Lopez</h3>
                                        <span class="testi-box_desig">UI/UX Designer</span> 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="testi-card style3">
                    <div class="testi-content">
                        <p class="testi-box_text">“Sed porttitor lectus nibh. Vestibulum ante ipsum primis in faucibus
                            orci luctus et posuere ipsum primis cubilia Curae; Donec velit neque, auctor sit amet aliquam
                            vel, ullamcorper ligula. Curabitur aliquet posuere.”
                        </p>
                        <div class="star-icon">
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-regular fa-star"></i></a>
                            <a href="#"><i class="fa-regular fa-star"></i></a>
                            <span class="ratting">(4.7)</span>
                        </div>
                        <div class="testimonial-author">
                            <div class="testi-box_avater">
                                <img src="assets/img/testimonial/author_3.png" alt="testimonial">
                            </div>
                            <div class="testimonial-author">
                                <div class="testi-box_profile">
                                    <div class="media-body">
                                        <h3 class="testi-box_name h6">Alex Latham</h3>
                                        <span class="testi-box_desig">UI/UX Designer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="testi-card style3">
                    <div class="testi-content">
                        <p class="testi-box_text">“Praesent sapien massa, convallis a pellentesque nec, egestas non
                            nisi. Vivamus suscipit tortor eget felis porttitor volutpat. Proin eget tortor risus. Cras
                            ultricies ligula magna dictum Proin eget tortor risus.”
                        </p>
                        <div class="star-icon">
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-solid fa-star"></i></a>
                            <a href="#"><i class="fa-regular fa-star"></i></a>
                            <a href="#"><i class="fa-regular fa-star"></i></a>
                            <span class="ratting">(4.7)</span>
                        </div>
                        <div class="testimonial-author">
                            <div class="testi-box_avater">
                                <img src="assets/img/testimonial/author_4.png" alt="testimonial">
                            </div>
                            <div class="testimonial-author">
                                <div class="testi-box_profile">
                                    <div class="media-body">
                                        <h3 class="testi-box_name h6">Michel Clurk</h3>
                                        <span class="testi-box_desig">UI/UX Designer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--==============================
Gallery 3 Area  
==============================-->
<section class="gallery-section-three bg-smoke space" id="gallery-sec"> 
    <div class="as-container5">
        <div class="title-area mb-30 mt-n1">
            <span class="sub-title">Image OF OUR Apartment</span>
            <h2 class="sec-title">Checkout Our Gallery</h2>
        </div> 
    </div>
    <div class="as-container5"> 
        <div class="row as-carousel" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2"
            data-sm-slide-show="1" data-xs-slide-show="1" data-arrows="true" data-focuson-select="false">
            <div class="col-md-4 col-xl-auto ">   
                <div class="gallery-card style3">
                    <div class="gallery-card_img">
                        <div class="gallery-overlay"></div>
                        <img src="assets/img/gallery/gallery_3_1.jpg" alt="gallery">
                    </div>
                    <a href="assets/img/gallery/gallery_3_1.jpg" class="icon-btn popup-image"><i
                            class="fa-solid fa-arrows-maximize"></i></a>
                </div>
            </div>
            <div class="col-md-4 col-xl-auto ">
                <div class="gallery-card style3">
                    <div class="gallery-card_img">
                        <div class="gallery-overlay"></div>
                        <img src="assets/img/gallery/gallery_3_2.jpg" alt="gallery">
                    </div>
                    <a href="assets/img/gallery/gallery_3_2.jpg" class="icon-btn popup-image"><i
                            class="fa-solid fa-arrows-maximize"></i></a>
                </div>
            </div>
            <div class="col-md-4 col-xl-auto ">
                <div class="gallery-card style3">
                    <div class="gallery-card_img">
                        <div class="gallery-overlay"></div>
                        <img src="assets/img/gallery/gallery_3_3.jpg" alt="gallery">
                    </div>
                    <a href="assets/img/gallery/gallery_3_3.jpg" class="icon-btn popup-image"><i
                            class="fa-solid fa-arrows-maximize"></i></a>
                </div>
            </div>
            <div class="col-md-4 col-xl-auto ">
                <div class="gallery-card style3">
                    <div class="gallery-card_img">
                        <div class="gallery-overlay"></div>
                        <img src="assets/img/gallery/gallery_3_4.jpg" alt="gallery">
                    </div>
                    <a href="assets/img/gallery/gallery_3_4.jpg" class="icon-btn popup-image"><i
                            class="fa-solid fa-arrows-maximize"></i></a>
                </div>
            </div>
            <div class="col-md-4 col-xl-auto ">
                <div class="gallery-card style3">
                    <div class="gallery-card_img">
                        <div class="gallery-overlay"></div>
                        <img src="assets/img/gallery/gallery_3_5.jpg" alt="gallery">
                    </div>
                    <a href="assets/img/gallery/gallery_3_5.jpg" class="icon-btn popup-image"><i
                            class="fa-solid fa-arrows-maximize"></i></a>
                </div>
            </div>
            <div class="col-md-4 col-xl-auto ">
                <div class="gallery-card style3">
                    <div class="gallery-card_img">
                        <div class="gallery-overlay"></div>
                        <img src="assets/img/gallery/gallery_3_6.jpg" alt="gallery">
                    </div>
                    <a href="assets/img/gallery/gallery_3_6.jpg" class="icon-btn popup-image"><i
                            class="fa-solid fa-arrows-maximize"></i></a>
                </div>
            </div>
              <div class="col-md-4 col-xl-auto ">
                <div class="gallery-card style3">
                    <div class="gallery-card_img">
                        <div class="gallery-overlay"></div>
                        <img src="assets/img/gallery/gallery_3_7.jpg" alt="gallery">
                    </div>
                    <a href="assets/img/gallery/gallery_3_7.jpg" class="icon-btn popup-image"><i
                            class="fa-solid fa-arrows-maximize"></i></a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--==============================
Blog Area  
==============================-->
<section class="space" id="blog-sec">
    <div class="container">
        <div class="col-xl-6 offset-xl-3 col-lg-8 offset-lg-2">
            <div class="title-area text-center">
                <span class="sub-title">blogs</span>
                <h2 class="sec-title">Our Latest News & Articles</h2>
            </div>
        </div>
        <div class="row slider-shadow as-carousel blog-area" id="blogSlide1" data-slide-show="2" data-xl-slide-show="2"
            data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1" data-arrows="true">
            <div class="col-md-6 col-lg-6 col-xl-4">
                <div class="blog-card style3">  
                    <div class="blog-img">
                        <img src="assets/img/blog/blog_3_1.jpg" alt="blog image">
                    </div>
                    <div class="blog-box_content">
                        <h3 class="blog-title box-title">
                            Our New York Hotel Has Been Renovated!
                        </h3>
                        <div class="blog-meta-wrapper">
                            <a href="blog.html"><i class="fa-regular fa-clock"></i>25 July, 2023</a>
                            <a href="blog.html"><i class="fa-regular fa-user"></i>by David Smith</a>
                        </div>
                        <div class="blog-btn">
                            <a href="blog-details.html" class="line-btn">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-6 col-xl-4">
                <div class="blog-card style3"> 
                    <div class="blog-img">
                        <img src="assets/img/blog/blog_3_2.jpg" alt="blog image">
                    </div>
                    <div class="blog-box_content">
                        <h3 class="blog-title box-title"> Top 10 Summer Season Hotels by the Forbes </h3>
                        <div class="blog-meta-wrapper">
                            <a href="blog.html"><i class="fa-regular fa-clock"></i>25 July, 2023</a>
                            <a href="blog.html"><i class="fa-regular fa-user"></i>by David Smith</a>
                        </div>
                        <div class="blog-btn">
                            <a href="blog-details.html" class="line-btn">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-6 col-xl-4">
                <div class="blog-card style3"> 
                    <div class="blog-img">
                        <img src="assets/img/blog/blog_3_3.jpg" alt="blog image">
                    </div>
                    <div class="blog-box_content">
                        <h3 class="blog-title box-title">Our Miami Beach Hotel Is Open Right Now</h3>
                        <div class="blog-meta-wrapper">
                            <a href="blog.html"><i class="fa-regular fa-clock"></i>20 Jun, 2023</a>
                            <a href="blog.html"><i class="fa-regular fa-user"></i>by David Smith</a>
                        </div>
                        <div class="blog-btn">
                            <a href="blog-details.html" class="line-btn">Read More</a>
                        </div> 
                    </div>
                </div>
            </div>   
        </div> 
    </div>
</section>
<!--==============================
newsletter Area  
==============================-->
    <!--==============================
Newsletter Area  
==============================-->
    <div class="newsletter-area">
        <div class="container">
            <div class="row">
                <div class="footer-newsletter">
                    <div class="footer-content">
                        <h3 class="h3 newsletter-title">Subscribe To Our NewsLetter</h3>
                        <p class="newsletter-desc">Get latest news, and update our special facility</p>
                    </div>
                    <form class="newsletter-form">
                        <input class="form-control" type="email" placeholder="Enter your email" required="">
                        <button type="submit" class="as-btn style6 shadow-none">Subscribe</button>
                    </form>
                </div>
            </div>
        </div>
    </div>



{include file="footer.html"}