/* =====================================================
   INFORMACIÓN IMPORTANTE - CLEAN MODERN
===================================================== */

.why-us {

    padding-top: 90px !important;
    padding-bottom: 80px !important;

    border-top: 1px solid rgba(0,0,0,0.06);

}

/* =====================================================
   TÍTULO
===================================================== */

.why-us .section-heading {

    margin-bottom: 28px !important;
    text-align: center !important;

}

.why-us .section-heading h2 {

    font-size: 24px !important;
    font-weight: 700 !important;

    color: #003a7a !important;

    margin: 0 auto !important;
    padding: 0 !important;

    border: none !important;
    background: transparent !important;
    box-shadow: none !important;

    line-height: 1.2 !important;

}

/* =====================================================
   TABS
===================================================== */

.why-us #tabs ul {

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 16px !important;

    margin-bottom: 35px !important;
    padding: 0 !important;

}

/* ITEMS */

.why-us #tabs ul li {

    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;

}

/* LINKS */

.why-us #tabs ul li a {

    display: inline-block !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    color: #4b5563 !important;

    padding: 10px 16px !important;

    border-radius: 8px !important;

    background: rgba(255,255,255,0.75) !important;

    border: 1px solid rgba(0,70,148,0.08) !important;

    transition: all 0.25s ease !important;

    text-decoration: none !important;

}

/* HOVER */

.why-us #tabs ul li a:hover {

    background: #004694 !important;
    color: #fff !important;

}

/* TAB ACTIVA */

.why-us #tabs ul .ui-tabs-active a {

    background: #004694 !important;
    color: #fff !important;

    box-shadow:
        0 8px 18px rgba(0,70,148,0.22);

}

/* ELIMINAR CUADROS FEOS */

.why-us #tabs ul li a::before,
.why-us #tabs ul li a::after {

    display: none !important;

}

/* =====================================================
   CONTENIDO
===================================================== */

.why-us .tabs-content {

    margin-top: 15px !important;

}

/* ROW */

.why-us .tabs-content .row {

    align-items: center !important;

}

/* =====================================================
   IMÁGENES
===================================================== */

.why-us .tabs-content .col-md-6 {

    border-radius: 14px !important;
    overflow: hidden !important;

}

.why-us .tabs-content a {

    display: block !important;

    border-radius: 14px !important;
    overflow: hidden !important;

}

.why-us .tabs-content img {

    width: 100% !important;
    display: block !important;

    border-radius: 14px !important;

    box-shadow: none !important;

    transition: transform 0.3s ease !important;

}

/* HOVER IMAGEN */

.why-us .tabs-content img:hover {

    transform: scale(1.01) !important;

}

/* =====================================================
   TEXTOS
===================================================== */

.why-us .tabs-content p {

    font-size: 14px !important;

    line-height: 1.9 !important;

    color: #4b5563 !important;

}

/* NEGRITAS */

.why-us .tabs-content strong {

    color: #003a7a !important;

}