<script type="text/javascript" src="https://apps.magiis.com/plugin/magiis-quote.js?color=magiis-btn-light&size=magiis-btn-m&pos=magiis-btn-bl&text=Cotizar%20Viaje&language=ES&pluginKey=MTA2MA&theme=0&domain=https://apps.magiis.com" id="magiis-button"> </script>
<style>
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.contenedor{
    position: relative;
}

.fila{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.top-header{
    background: #8B9BA0;
    padding: 10px 0;
}

.top-header a{
    color: #000;
    text-decoration: none;
    font-size: 21px;
    font-weight: bold;
}

.cabecera{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.header .social-links a{
    text-decoration: none;
}

.header .social-links img{
    height: 32px;
    margin-right: 5px;
}

.hero{
    position: relative;
}

.hero img{
    width: 100%;
    height: 100%;
    display: table;
}

.hero-question{
    color: #fff;
    font-weight: bold;
    font-size: 45px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20%;
}

.hero-btn{
    position: absolute;
    left: 50%;
    bottom: 10%;
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 15px 35px;
    font-size: 21px;
    font-weight: bold;
    transform: translateX(-50%);
    border-radius: 35px;
    text-transform: uppercase;
}

.servicios{
    background: #46403D;
    padding: 65px 0;
}

.servicios-title{
    color: #8B9BA0;
    text-align: center;
    font-size: 42px;
    margin-bottom: 45px;
    display: block;
    width: 100%;
}

.col-3{
    width: 33%;
}

.servicios-card{
    background: #8B9BA0;
    max-width: 320px;
    height: 380px;
    padding: 25px;
    text-align: center;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}

.servicios-card img{
    display: table;
    width: 100%;
    max-width: 250px;
    margin: 10px auto;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    margin-bottom: 25px;
}

.servicios-card-title{
    font-size: 16px;
    color: #000;
    display: table;
    max-width: 250px;
    margin: 0 auto;
}

.text-gris{
    background: #46403D;
    color: #FFF;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    padding: 30px;
    margin-top: -5px;
}

.text-amarillo{
    background: #8B9BA0;
    color: #000;
    font-size: 29px;
    padding: 45px;
    text-align: center;
}

.text-amarillo p{
    display: table;
    max-width: 700px;
    margin: 0 auto;
}

footer{
    background: #000;
    padding: 45px 0;
}

.footer-title{
    color: #8B9BA0;
    font-size: 42px;
    font-weight: bold;
}

footer .item{
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 30px;
}

.item .social-links{
    margin-top: 15px;
}

.item .social-links img{
    height: 32px;
    margin-right: 5px;
}

.imagen img{
    display: table;
    width: 100%;
    height: auto;
}

@media(max-width:800px){
    .top-header .fila a{
        margin: 0 auto;
        text-align: center;
        width: 100%;
        display: block;
    }

    .header{
        justify-content: center;
        flex-direction: column;
    }

    .logo{
        width: 150px;
    }
    
    .hero{
        height: 80vh;
    }

    .hero img{
        object-fit: cover;
    }

    .hero-question{
        font-size: 35px;
        text-align: center;
        bottom: 30%;
        width: 90%;
    }

    .hero-btn{
        font-size: 15px;
        width: 60%;
        text-align: center;
    }

    header .social-links{
        margin-top: 15px;
    }

    .fila{
        display: block;
    }

    .fila .col-3{
        width: 100%;
    }

    .fila .col-3 .servicios-card{
        margin: 20px auto;
    }

    footer{
        padding: 35px;
    }
}

.ast-page-builder-template .entry-content[data-ast-blocks-layout] > *:not(.wp-block-group):where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > *{
    max-width: 1920px !important;
}

.contenido{
position: relative;}

.site-header.header-main-layout-1, .site-footer{
display: none !important;
} 

.social-links img{
        filter: grayscale(1) !important;
}
</style>


<div class="contenido">
        <div class="cabecera">
            <div class="top-header">
                <div class="contenedor">
                    <div class="fila">
                        <a href="tel:+17865905234">1 (786) 590-5234</a>
                    </div>
                </div>
            </div>
            <div class="header">
                <img src="/wp-content/uploads/2025/11/logo-e1709316089109-190x95-1.png" alt="Unity" class="logo" />
                <div class="social-links">
                    <a class="link-icon link-facebook" href="www.facebook.com" target="_blank">
                        <img decoding="async" src="/wp-content/uploads/2025/11/facebook.svg">
                    </a>

                    <a class="link-icon link-x" href="https://twitter.com/" target="_blank">
                        <img decoding="async" src="/wp-content/uploads/2025/11/x.svg">
                    </a>

                    <a class="link-icon link-instagram" href="https://www.instagram.com/" target="_blank">
                        <img decoding="async" src="/wp-content/uploads/2025/11/instagram.svg">
                    </a>

                    <a class="link-icon link-linkedin" href="https://www.linkedin.com/" target="_blank">
                        <img decoding="async" src="/wp-content/uploads/2025/11/linkeind.svg">
                    </a>
                </div>
            </div>
        </div>

        <div class="hero">
            <img src="/wp-content/uploads/2025/11/1_5arm925kb0RfMmNtqzdADw-1.jpg" alt="Taxis" class="img-hero">
            <h1 class="hero-question">Need a Luxury Car in your city?</h1>
            <a href="#" class="hero-btn">Contact now</a>
        </div>

        <div class="servicios">
            <div class="contenedor">
                <div class="fila">
                    <h3 class="servicios-title">Services</h3>
                </div>
                <div class="fila">
                    <div class="col-3">
                        <div class="servicios-card">
                            <img src="/wp-content/uploads/2025/11/Brisbane-Chauffeurs-450x350-1-300x300-2.jpg">
                            <div class="servicios-card-title">
                                SECURE & SAFE LUXURY CAR SERVICE
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="servicios-card">
                            <img src="/wp-content/uploads/2025/11/taxy-2-1.png">
                            <div class="servicios-card-title">
                                RELIABLE AND PROFESSIONAL DRIVERS
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="servicios-card">
                            <img src="/wp-content/uploads/2025/11/taxy-3-1.png">
                            <div class="servicios-card-title">
                                AFFORDABLE LUXURY CARS RATES IN YOUR CITY
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="imagen">
            <img src="/wp-content/uploads/2025/11/pase1.jpg">
            <div class="text-gris">Why choose Unity Taxi?</div>
            <div class="text-amarillo"><p>All our cars are bonded and insured and ​have the necessary permits and licenses to operate in the city.</p></div>
        </div>

        <footer>
            <div class="contenedor">
                <div class="fila">
                    <div class="col-3">
                        <div class="footer-title">Contact</div>
                    </div>
                    <div class="col-3">
                        <div class="item">
                            Email:<br/>
                            hello@unity.com
                        </div>
                        <div class="item">
                            323 Sunny Isles Blvd Suite 700.<br/>
                            Sunny Isles Beach, Florida 33160. USA.
                        </div>
                        <div class="item">
                            FOLLOW US:<br/>
                            <div class="social-links">
                                <a class="link-icon link-facebook" href="www.facebook.com" target="_blank">
                                    <img decoding="async" src="/wp-content/uploads/2025/11/facebook.svg">
                                </a>

                                <a class="link-icon link-x" href="https://twitter.com/" target="_blank">
                                    <img decoding="async" src="/wp-content/uploads/2025/11/x.svg">
                                </a>

                                <a class="link-icon link-instagram" href="https://www.instagram.com/" target="_blank">
                                    <img decoding="async" src="/wp-content/uploads/2025/11/instagram.svg">
                                </a>

                                <a class="link-icon link-linkedin" href="https://www.linkedin.com/" target="_blank">
                                    <img decoding="async" src="/wp-content/uploads/2025/11/linkeind.svg">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="item">
                            Phone:<br/>
                            (11) 4590-5234
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>