.contenedor-principal {
    display: flex;
    /* Hace que los elementos internos sean flexibles y se alineen en una fila */
}

/* Estilos para cada contenedor */
.contenedor1 {
    flex: 1;
    /* Hace que los contenedores ocupen el mismo espacio en la fila */
    padding: 20px;
    /* Espacio interno para separar el contenido */
    border: 0px solid #ccc;
    /* Borde para visualizar los contenedores */
    margin-left: 50px;
    margin-top: 60px;
}

.contenedor2 {
    flex: 1;
    /* Hace que los contenedores ocupen el mismo espacio en la fila */
    padding: 40px;
    /* Espacio interno para separar el contenido */
    border: 0px solid #ccc;
    /* Borde para visualizar los contenedores */
    margin-top: 90px;
    margin-left: 340px;
    background-color: #CDCDCD;
    /* Color de fondo del cuadro */
}


h2 {
    margin-top: 0;
}




label {
    display: block;
    margin-bottom: 5px;
}

input {
    width: 300px;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 20px;
    border: none;
    /* Elimina los bordes */
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 11px;
}

.grid-container .address-container {
    grid-column: 1 / span 2;
}

button {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;

}

button:hover {
    background-color: #45a049;
}

/* Clase personalizada para modificar el tamaño */
.custom-input {
    width: 650px;
    height: 60px;
    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input1 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input2 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input3 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input4 {
    width: 300px;
    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input5 {
    width: 300px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input6 {
    width: 300px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input7 {
    width: 300px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input8 {
    width: 300px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input9 {
    width: 300px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.center-button {
    padding: 10px 20px;
    background-color: #E6962D;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    margin-left: 250px;
    margin-top: 20px;
    border-radius: 20px;
    /* Centra horizontalmente */
}

.Titulo-RFQ {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-weight: bold;
    font-size: 20px;

}

.Texto-RFQ {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-size: 20px;
}

.Titulo-Columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-weight: bold;
    font-size: 23px;
}

.Texto-Columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;

    font-size: 22px;
}

.Puntos-columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;

    font-size: 17px;

}

.Puntos-columna12 {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;

}

.titulo-texto21 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1055px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 76px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto22 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1138px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 36px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto23 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: -6px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto24 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 33px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto25 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 75px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto26 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 115px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto27 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 155px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto28 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 198px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto29 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 240px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto30 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 330px;
    font-family: 'Poppins', sans-serif;

    /* Texto en negritas */
    color: #575756;

}

/* Estilos del contenedor de la imagen */
.image-container {
    position: relative;
    /* Permite posicionar el div de forma relativa */
    width: 1900px;
    /* Ancho inicial del div (puedes ajustarlo) */
    height: 400px;
    /* Altura inicial del div (puedes ajustarlo) */
    overflow: hidden;
    /* Oculta partes de la imagen que estén fuera del div */
}

/* Estilos de la imagen dentro del contenedor */
.image-container img {
    width: 100%;
    /* Redimensiona la imagen para ocupar todo el ancho del div */
    height: 100%;
    /* Permite que la altura se ajuste proporcionalmente */
}





@media only screen and (max-width: 1440px) {


    
    .contenedor-principal {
        display: flex;
        /* Hace que los elementos internos sean flexibles y se alineen en una fila */
    }
    
    /* Estilos para cada contenedor */
    .contenedor1 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        /* Ajustar el margen vertical para separar los contenedores */
    }

    .contenedor2 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        /* Ajustar el margen vertical para separar los contenedores */
        background-color: #CDCDCD;
        /* Color de fondo del cuadro */
    }

    .image-container {
        width: 100%;
        /* Ancho del contenedor de la imagen */
        height: 500px;
        /* Altura del contenedor de la imagen */
    }

    .image-container img {
        width: 100%;
        /* Redimensionar la imagen para ocupar todo el ancho del contenedor */
        height: 100%;
        /* Permitir que la altura se ajuste proporcionalmente */
    }

    .custom-input,
    .custom-input1,
    .custom-input2,
    .custom-input3 {
        width: 100%;
        /* Ancho del input personalizado */
    }

    .center-button {
        margin: 0 auto;
        /* Centrar horizontalmente el botón */
        margin-top: 20px;
        /* Ajustar el margen superior */
    }

    .Titulo-RFQ,
    .Texto-RFQ,
    .Titulo-Columna1,
    .Texto-Columna1,
    .Puntos-columna1 {
        font-size: 18px;
        text-align: center;
        /* Ajustar el tamaño del texto */
    }

    .titulo-texto21 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1055px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 85px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto22 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1138px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 49px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto23 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 9px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto24 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 59px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto25 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 108px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto26 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 152px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto27 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 200px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto28 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 243px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto29 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 290px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    /* Clase personalizada para modificar el tamaño */
    .custom-input {
        width: 670px;
        height: 60px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input1 {
        width: 670px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input2 {
        width: 670px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input3 {
        width: 670px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input4 {
        width: 310px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input5 {
        width: 310px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input6 {
        width: 310px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input7 {
        width: 310px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input8 {
        width: 310px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input9 {
        width: 310px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .center-button {
        padding: 10px 20px;
        background-color: #E6962D;
        color: #fff;
        border: none;
        cursor: pointer;
        margin: 0 auto;
        margin-left: 130px;
        margin-top: 20px;
        border-radius: 20px;
        /* Centra horizontalmente */
    }

    

}

@media only screen and (max-width: 1024px) {
    .contenedor-principal {
        display: flex;
        /* Hace que los elementos internos sean flexibles y se alineen en una fila */
    }
    
    /* Estilos para cada contenedor */
    .contenedor1 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        /* Ajustar el margen vertical para separar los contenedores */
    }

    .contenedor2 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        /* Ajustar el margen vertical para separar los contenedores */
        background-color: #CDCDCD;
        /* Color de fondo del cuadro */
    }

    .image-container {
        width: 100%;
        /* Ancho del contenedor de la imagen */
        height: 200px;
        /* Altura del contenedor de la imagen */
    }

    .image-container img {
        width: 100%;
        /* Redimensionar la imagen para ocupar todo el ancho del contenedor */
        height: 100%;
        /* Permitir que la altura se ajuste proporcionalmente */
    }

    .custom-input,
    .custom-input1,
    .custom-input2,
    .custom-input3 {
        width: 100%;
        /* Ancho del input personalizado */
    }

    .center-button {
        margin: 0 auto;
        /* Centrar horizontalmente el botón */
        margin-top: 20px;
        /* Ajustar el margen superior */
    }

    .Titulo-RFQ,
    .Texto-RFQ,
    .Titulo-Columna1,
    .Texto-Columna1,
    .Puntos-columna1 {
        font-size: 18px;
        text-align: center;
        /* Ajustar el tamaño del texto */
    }

    .titulo-texto21 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1055px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -255px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto22 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1138px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -299px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto23 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -339px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto24 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -299px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto25 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -255px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto26 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -217px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto27 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -180px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto28 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -133px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto29 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -93px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    /* Clase personalizada para modificar el tamaño */
    .custom-input {
        width: 450px;
        height: 60px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input1 {
        width: 450px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input2 {
        width: 450px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input3 {
        width: 450px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input4 {
        width: 210px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input5 {
        width: 210px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input6 {
        width: 210px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input7 {
        width: 210px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input8 {
        width: 210px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input9 {
        width: 210px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .center-button {
        padding: 10px 20px;
        background-color: #E6962D;
        color: #fff;
        border: none;
        cursor: pointer;
        margin: 0 auto;
        margin-left: 130px;
        margin-top: 20px;
        border-radius: 20px;
        /* Centra horizontalmente */
    }
    
    
}

@media screen and (max-width: 900px) {
    .contenedor-principal {
        display: flex;
        flex-direction: column;
        /* Cambiar la dirección de flexión para apilar los elementos verticalmente */
    }

    /* Estilos para cada contenedor */
    .contenedor1 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        /* Ajustar el margen vertical para separar los contenedores */
    }

    .contenedor2 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        /* Ajustar el margen vertical para separar los contenedores */
        background-color: #CDCDCD;
        /* Color de fondo del cuadro */
    }

    .image-container {
        width: 100%;
        /* Ancho del contenedor de la imagen */
        height: 200px;
        /* Altura del contenedor de la imagen */
    }

    .image-container img {
        width: 100%;
        /* Redimensionar la imagen para ocupar todo el ancho del contenedor */
        height: 100%;
        /* Permitir que la altura se ajuste proporcionalmente */
    }

    .custom-input,
    .custom-input1,
    .custom-input2,
    .custom-input3 {
        width: 100%;
        /* Ancho del input personalizado */
    }

    .center-button {
        margin: 0 auto;
        /* Centrar horizontalmente el botón */
        margin-top: 20px;
        /* Ajustar el margen superior */
    }

    .Titulo-RFQ,
    .Texto-RFQ,
    .Titulo-Columna1,
    .Texto-Columna1,
    .Puntos-columna1 {
        font-size: 18px;
        text-align: center;
        /* Ajustar el tamaño del texto */
    }

    .titulo-texto21 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1055px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -50px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto22 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1138px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -90px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto23 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -130px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto24 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -90px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto25 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -50px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto26 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -10px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto27 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 30px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto28 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 73px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto29 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 114px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    /* Clase personalizada para modificar el tamaño */
    .custom-input {
        width: 380px;
        height: 60px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input1 {
        width: 380px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input2 {
        width: 380px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input3 {
        width: 380px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input4 {
        width: 180px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input5 {
        width: 180px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input6 {
        width: 180px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input7 {
        width: 180px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input8 {
        width: 180px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input9 {
        width: 180px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .center-button {
        padding: 10px 20px;
        background-color: #E6962D;
        color: #fff;
        border: none;
        cursor: pointer;
        margin: 0 auto;
        margin-left: 130px;
        margin-top: 20px;
        border-radius: 20px;
        /* Centra horizontalmente */
    }
}

@media only screen and (max-width: 425px) {
    .Puntos-columna12 {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: orange;
        border-radius: 50%;
        margin-top: 30px;
    
    }

    .contenedor-principal {
        display: flex;
        flex-direction: column;
        /* Cambiar la dirección de flexión para apilar los elementos verticalmente */
    }

    /* Estilos para cada contenedor */
    .contenedor1 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        margin-top: 20px;
        /* Ajustar el margen vertical para separar los contenedores */
    }

    .contenedor2 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        margin-top: 370px;
        /* Ajustar el margen vertical para separar los contenedores */
        background-color: #CDCDCD;
        /* Color de fondo del cuadro */
    }

    .image-container {
        width: 100%;
        /* Ancho del contenedor de la imagen */
        height: 200px;
        /* Altura del contenedor de la imagen */
    }

    .image-container img {
        width: 100%;
        /* Redimensionar la imagen para ocupar todo el ancho del contenedor */
        height: 100%;
        /* Permitir que la altura se ajuste proporcionalmente */
    }

    .custom-input,
    .custom-input1,
    .custom-input2,
    .custom-input3 {
        width: 100%;
        /* Ancho del input personalizado */
    }

    .center-button {
        margin: 0 auto;
        /* Centrar horizontalmente el botón */
        margin-top: 20px;
        /* Ajustar el margen superior */
    }

    .Titulo-RFQ,
    .Texto-RFQ,
    .Titulo-Columna1,
    .Texto-Columna1,
    .Puntos-columna1 {
        font-size: 18px;
        text-align: center;
        /* Ajustar el tamaño del texto */
    }

    .titulo-texto21 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1055px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -73px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto22 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1138px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -119px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto23 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -159px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto24 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -119px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto25 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -75px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto26 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -37px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto27 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 6px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto28 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 47px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto29 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 86px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    /* Clase personalizada para modificar el tamaño */
    .custom-input {
        width: 390px;
        height: 60px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input1 {
        width: 390px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input2 {
        width: 390px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input3 {
        width: 390px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input4 {
        width: 179px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input5 {
        width: 179px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input6 {
        width: 179px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input7 {
        width: 179px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input8 {
        width: 179px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input9 {
        width: 179px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .center-button {
        padding: 10px 20px;
        background-color: #E6962D;
        color: #fff;
        border: none;
        cursor: pointer;
        margin: 0 auto;
        margin-left: 130px;
        margin-top: 20px;
        border-radius: 20px;
        /* Centra horizontalmente */
    }
}

@media only screen and (max-width: 375px) {
    
    .Puntos-columna12 {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: orange;
        border-radius: 50%;
        margin-top: 30px;
    
    }

    .contenedor-principal {
        display: flex;
        flex-direction: column;
        /* Cambiar la dirección de flexión para apilar los elementos verticalmente */
    }

    /* Estilos para cada contenedor */
    .contenedor1 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        margin-top: 20px;
        /* Ajustar el margen vertical para separar los contenedores */
    }

    .contenedor2 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        margin-top: 370px;
        /* Ajustar el margen vertical para separar los contenedores */
        background-color: #CDCDCD;
        /* Color de fondo del cuadro */
    }

    .image-container {
        width: 100%;
        /* Ancho del contenedor de la imagen */
        height: 200px;
        /* Altura del contenedor de la imagen */
    }

    .image-container img {
        width: 100%;
        /* Redimensionar la imagen para ocupar todo el ancho del contenedor */
        height: 100%;
        /* Permitir que la altura se ajuste proporcionalmente */
    }

    .custom-input,
    .custom-input1,
    .custom-input2,
    .custom-input3 {
        width: 100%;
        /* Ancho del input personalizado */
    }

    .center-button {
        margin: 0 auto;
        /* Centrar horizontalmente el botón */
        margin-top: 20px;
        /* Ajustar el margen superior */
    }

    .Titulo-RFQ,
    .Texto-RFQ,
    .Titulo-Columna1,
    .Texto-Columna1,
    .Puntos-columna1 {
        font-size: 18px;
        text-align: center;
        /* Ajustar el tamaño del texto */
    }

    .titulo-texto21 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1055px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -23px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto22 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1138px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -65px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto23 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -105px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto24 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -65px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto25 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -22px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto26 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 17px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto27 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 60px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto28 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 100px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto29 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 144px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    /* Clase personalizada para modificar el tamaño */
    .custom-input {
        width: 330px;
        height: 60px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input1 {
        width: 340px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input2 {
        width: 340px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input3 {
        width: 340px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input4 {
        width: 160px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input5 {
        width: 160px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input6 {
        width: 160px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input7 {
        width: 160px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input8 {
        width: 160px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input9 {
        width: 160px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .center-button {
        padding: 10px 20px;
        background-color: #E6962D;
        color: #fff;
        border: none;
        cursor: pointer;
        margin: 0 auto;
        margin-left: 110px;
        margin-top: 20px;
        border-radius: 20px;
        /* Centra horizontalmente */
    }

}

@media only screen and (max-width: 320px) { 


    .Puntos-columna12 {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: orange;
        border-radius: 50%;
        margin-top: 30px;
    
    }
    
    .contenedor-principal {
        display: flex;
        flex-direction: column;
        /* Cambiar la dirección de flexión para apilar los elementos verticalmente */
    }

    /* Estilos para cada contenedor */
    .contenedor1 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        margin-top: 20px;
        /* Ajustar el margen vertical para separar los contenedores */
    }

    .contenedor2 {
        flex: 1;
        /* Ocupa todo el ancho disponible en el contenedor principal */
        padding: 20px;
        /* Espacio interno para separar el contenido */
        border: 0px solid #ccc;
        /* Borde para visualizar los contenedores */
        margin: 10px 0;
        margin-top: 370px;
        /* Ajustar el margen vertical para separar los contenedores */
        background-color: #CDCDCD;
        /* Color de fondo del cuadro */
    }

    .image-container {
        width: 100%;
        /* Ancho del contenedor de la imagen */
        height: 200px;
        /* Altura del contenedor de la imagen */
    }

    .image-container img {
        width: 100%;
        /* Redimensionar la imagen para ocupar todo el ancho del contenedor */
        height: 100%;
        /* Permitir que la altura se ajuste proporcionalmente */
    }

    .custom-input,
    .custom-input1,
    .custom-input2,
    .custom-input3 {
        width: 100%;
        /* Ancho del input personalizado */
    }

    .center-button {
        margin: 0 auto;
        /* Centrar horizontalmente el botón */
        margin-top: 20px;
        /* Ajustar el margen superior */
    }

    .Titulo-RFQ,
    .Texto-RFQ,
    .Titulo-Columna1,
    .Texto-Columna1,
    .Puntos-columna1 {
        font-size: 18px;
        text-align: center;
        /* Ajustar el tamaño del texto */
    }

    .titulo-texto21 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1055px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 57px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto22 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1138px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 15px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto23 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: -25px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto24 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 15px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto25 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 58px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto26 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 97px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto27 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 140px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto28 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 183px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    .titulo-texto29 {
        position: absolute;
        /* Asegurarse de agregar position: absolute; */
        top: 1220px;
        /* Mover el texto hacia arriba */
        margin-left: 20px;
        margin-top: 224px;
        font-family: 'Poppins', sans-serif;

        color: #575756;

    }

    /* Clase personalizada para modificar el tamaño */
    .custom-input {
        width: 280px;
        height: 60px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input1 {
        width: 270px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input2 {
        width: 270px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input3 {
        width: 270px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input4 {
        width: 120px;
        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input5 {
        width: 120px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input6 {
        width: 120px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input7 {
        width: 120px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input8 {
        width: 120px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .custom-input9 {
        width: 120px;

        /* Puedes ajustar el valor para cambiar el tamaño */
    }

    .center-button {
        padding: 10px 20px;
        background-color: #E6962D;
        color: #fff;
        border: none;
        cursor: pointer;
        margin: 0 auto;
        margin-left: 80px;
        margin-top: 20px;
        border-radius: 20px;
        /* Centra horizontalmente */
    }

}