<section class="fourteen-section">
    <div class="fous-div">
        <p class="tws-p5">Más servicios</p>
        <img src="img/lineaVerde.png" alt="" class="tws-img3">
        <div id="masServicios" class="carousel slide">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="row">
                        <div class="col-md-4">
                            <a href="DueDiligence.php">
                                <img src="img/servicios/siteSelection.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">Due diligence
                                        (site selection)
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="gestionCostos.php">
                                <img src="img/servicios/gestionCostos.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">
                                        Gestión de costos
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="planificacionIngeneria.php">
                                <img src="img/servicios/planificacionIngeneria.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">Diseño y planificación de
                                        ingeniería</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="row">
                        <div class="col-md-4">
                            <a href="permisoConstruccion.php">
                                <img src="img/servicios/permisoConstruccion.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">Proceso de permisos
                                        de construcción</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="procesoLicitacion.php">
                                <img src="img/servicios/procesoLicitacion.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">Adquisiciones proceso
                                        de licitación</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="acuerdoConstruccion.php">
                                <img src="img/servicios/controlCostruccion.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">Acuerdo de control de
                                        construcción</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="row">
                        <div class="col-md-4">
                            <a href="diretricesConstruccion.php">
                                <img src="img/servicios/directricesCostruccion.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">Directrices de construcción</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="saludSeguridad.php">
                                <img src="img/servicios/saludSeguridad.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">Directrices de salud y seguridad</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="cierreProyecto.php">
                                <img src="img/servicios/cierreProyecto.png" alt="" class="ss-img2">
                                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                                <div class="ss-div">
                                    <p class="ss-p2">Cierre del proyecto</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#masServicios" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>

            <button class="carousel-control-next" type="button" data-bs-target="#masServicios" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
</section>