/* ===================================================================
 * # works
 *
 * ------------------------------------------------------------------- */
 .intro-wrap {
    padding: 15rem 0 0;
    background: #111111;
    position: relative;

}

/* Estilos para la sección de inspecciones */
.section-inspecciones {
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 80px;
    padding-left: 0px;
    background-color: #111111;
    color: #ffffff;
}

/* Contenedor para la línea */
.about-line-container {
    position: absolute;
    top: 0;
    width: 100%;
}


/* Línea vertical a la derecha */
.about__line {
    display: block;
    width: 2px;
    height: 10.2rem;
    background-color: #ce171d;
    position: absolute;
    right: 7.2rem;
    top: 0;
}

/* Ajustes para pantallas pequeñas */
@media only screen and (max-width: 700px) {
    .about__line {
        right: 5.5rem;
    }
}

@media only screen and (max-width: 600px) {
    .about__line {
        height: 7.2rem;
    }
}

.image-border {
    display: flex; /* Usar flexbox para centrar la imagen */
    justify-content: center; /* Centrar la imagen horizontalmente */
    margin-bottom: 20px; /* Espaciado inferior para separar la imagen de los párrafos */
}

.image-border img {
    max-width: 60%; /* Hacer que la imagen sea responsive */
    height: auto; /* Mantener la proporción de la imagen */
    border-radius: 15px; /* Bordes redondeados */
}


@media (max-width: 768px) {
    .image-border img {
        max-width: 100%; /* En dispositivos más grandes, mantener el tamaño máximo */
    }
}