:root {
    --custom-primary-color: #009CDE; /* Color principal (azul) */
    --custom-secondary-color: #6c757d; /* Color secundario (gris) */
    --custom-accent-color: #28a745; /* Color de acento (verde) */
    --custom-text-color: #009CDE; /* Color de texto */
    --custom-background-color: #f8f9fa; /* Color de fondo */
    --custom-link-color: #0056b3; /* Color de los enlaces */
    --custom-hover-color: #0056b3; /* Color al pasar el mouse */
    --custom-icon-color: #007bff; /* Color de los íconos */
}
/* general inicio */

.text-primary-custom{
    color: var(--custom-text-color)!important;
}

.cust-circle-icon {
    width: 24px!important;
    height: 24px!important;
    border-radius: 50%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 16px!important;
    overflow: hidden!important;
}

.clinic-colum {
    background: url(../../images/use/aseguradoras.png) no-repeat center center !important;
    background-size: cover !important;

}


.navigation {
    margin: 0; /* Elimina márgenes */
    padding: 0; /* Elimina padding */
}

.navigation > li {
    padding: 0 10px; /* Ajusta el padding entre los enlaces */
}

.navigation a {
    white-space: nowrap; /* Evita que los enlaces se vayan a la siguiente línea */
}

.collapse.navbar-collapse {
    flex-grow: 1; /* Asegúrate de que el contenedor ocupe todo el ancho disponible */
}

.file-action {
    color: #007bff; /* Color azul para que se distinga */
    font-weight: bold; /* Resaltar el texto */
    cursor: pointer; /* Cambia el cursor para indicar que es interactivo */
}
.file-action:hover{
    color: white; /* Color azul para que se distinga */
    font-weight: bold; /* Resaltar el texto */
    cursor: pointer; /* Cambia el cursor para indicar que es interactivo */
}
.btn-custom-file:hover >  * {
    color: white!important;
}

/* general fin */

/* sliders inicio */
.pbmit-service-style-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 400px; /* Ajusta esta altura según tus necesidades */
}

.pbminfotech-post-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.pbminfotech-box-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* slider fin */

/* form section reservation inicio */
.home2-emergency-section {
    /* background: #eaeef3!important; */
}
/* form section reservation fin */

/* footer inicio */
.widget-title {
    font-size: 18px;
    margin-bottom: 15px;
}

.hospital-unit {
    margin-bottom: 15px;
}

.pbmit-footer-text-area {
    color: white;
    font-size: 14px;
}

.footer-social-links i {
    font-size: 20px;
    color: #fff;
}

.footer-social-links a {
    color: #fff;
    margin: 0 10px;
}

/* footer fin  */


/* contacto  */
.contact-section-bg {
    padding-top: 0px !important;
}
/* contacto  */


/* historia ini */

.ourhistory-right img {
    transition: transform 0.3s ease; /* Controla la duración y suavidad de la animación */
}

.ourhistory-right img:hover {
    transform: scale(1.05); /* Aumenta la escala de la imagen al 110% */
}