input[type="submit"], 
input[type="submit"].form-control, 
button[type="submit"], 
button[type="submit"].form-control {
    background-color: #2596be;
}
.box-service-1:hover h4 a{
    color: #2596be;	
}
#loading-progress::before {
    background: #2596be;
}
/*05d561*/




.main_content h1,
.main_content h2,
.main_content span,
.main_content p {
    font-weight: normal;
    color: white;
}

.main_content span,
.main_content p {
    color: rgb(231, 231, 231);
}


.project-wrapper {
    height: 600px; /* Ajusta la altura */
}




.title_sections {
    text-align: left; /* Centrar a la izquierda */
}

.title_sections h2 {
    font-weight: normal !important; /* Eliminar negrita */
    line-height: 1.6; /* Ajustar el espacio entre líneas  */
    font-size: 30px; /* Cambiar tamaño del texto  */
}
.title_sections h4 {
    font-size: 20px; /* Cambiar tamaño del texto  */
}
.title_sections p {
    font-weight: normal; /* Eliminar negrita */
    font-size: 18px; /* Cambiar tamaño del texto  */
}

.title_sections h4,
.title_sections p {
    margin: 0;
}



.box-info {
    display: flex;
    align-items: flex-start; /* Alinea los elementos en la parte superior */
    text-align: left; /* Alinea el texto del contenido a la izquierda */
}

.box-icon {
    margin-right: 15px; /* Espacio entre el ícono y el contenido */
}



.box-info .box-icon i {
    font-size: 2rem; /* Ajusta el tamaño  */
}



.contact_form_shortcode {
    margin-top: 30px !important; /* Ajusta el valor según el espacio que necesites */
}

@media (max-width: 435px) {
    .form-control-wrap {
        font-size: 12px !important; /* Ajusta el tamaño según tus necesidades */
    }
    input::placeholder, 
    textarea::placeholder {
        font-size: 12px; /* Tamaño ajustado para pantallas pequeñas */
    }
}
/* Estilo para los placeholders en pantallas de 435px o menos */
@media (max-width: 400px) {
    .form-control-wrap {
        font-size: 10px !important; /* Ajusta el tamaño según tus necesidades */
    }
    input::placeholder, 
    textarea::placeholder {
        font-size: 10px; /* Tamaño ajustado para pantallas pequeñas */
    }
    
}
/* Estilo para los placeholders en pantallas de 435px o menos */
@media (max-width: 365px) {
    .form-control-wrap {
        font-size: 8px !important; /* Ajusta el tamaño según tus necesidades */
    }
    input::placeholder, 
    textarea::placeholder {
        font-size: 8px; /* Tamaño ajustado para pantallas pequeñas */
    }
    
}






.service_content {
    margin-top: 40px; /* Ajusta el valor según el espacio que necesites */
}


.project_post .image img {
    width: 100% !important; /* Asegura que la imagen ocupe todo el ancho del contenedor */
    height: auto !important; /* Mantiene la proporción de la imagen */
    object-fit: cover !important; /* Ajusta la imagen para cubrir todo el contenedor */
}


.project-wrapper {
    height: 700px !important; /* Ajusta el valor según el espacio que necesites */
}

/* Media query para pantallas pequeñas */
@media (max-width: 990px) {
    .project-wrapper {
        height: 850px !important; /* Altura para pantallas pequeñas */
    }
}

/* Media query para pantallas pequeñas */
@media (max-width: 767px) {
    .project-wrapper {
        height: 700px !important; /* Altura para pantallas pequeñas */
    }
}

/* Media query para pantallas pequeñas */
@media (max-width: 480px) {
    .project-wrapper {
        height: 600px !important; /* Altura para pantallas pequeñas */
    }
}

/* Media query para pantallas pequeñas */
@media (max-width: 380px) {
    .project-wrapper {
        height: 520px !important; /* Altura para pantallas pequeñas */
    }
}