.cover-nosotros {
    position: relative;
}
.type01 img{
    position: absolute;
    z-index: 7;
    left: -120px;
    top: 0px;
    width: 200px;
}
.type02 img{
    position: absolute;
    z-index: 7;
    right: -130px;
    top: -50px;
    width: 200px;
}
.type03 img{
    position: absolute;
    z-index: 7;
    left: -130px;
    bottom: 10px;
    width: 200px;
}
.type04 img{
    position: absolute;
    z-index: 7;
    right: -130px;
    bottom: 0px;
    width: 200px;
}

/* lg  */ @media (min-width: 992px) {
    .type01 img{
        position: absolute;
        z-index: 7;
        left: -100px;
        top: -100px;
        width: 300px;
    }
    .type02 img{
        position: absolute;
        z-index: 7;
        right: -150px;
        top: -120px;
        width: 300px;
    }
    .type03 img{
        position: absolute;
        z-index: 7;
        left: -100px;
        bottom: -100px;
        width: 300px;
    }
    .type04 img{
        position: absolute;
        z-index: 7;
        right: -100px;
        bottom: -100px;
        width: 300px;
    }
}

/* ===================================
    10 years
====================================== */

.bg-10yr {
     background-color: #F8F9FB;
     border: 1px solid #F4F4F4;
     border-radius: 1rem;
     padding: 1.5rem 1rem;
}
/* md  */ @media (min-width: 768px) {
    .bg-10yr {
        background-color: #F8F9FB;
        border: 1px solid #F4F4F4;
        border-radius: 10rem;
        padding: 1.5rem 2rem;
    }
}
/* lg  */ @media (min-width: 992px) {
    .bg-10yr {
        background-color: #F8F9FB;
        border: 1px solid #F4F4F4;
        border-radius: 10rem;
        padding: 2.5rem 5rem;
    }
}


/* ===================================
    Accordion
====================================== */
.accordion-item {
    border: 0px;
    background-color: #F8F9FB;
    margin-bottom: 10px;
}
.accordion-button {
    color: #444752;
    background-color: #F8F9FB;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed) {
     color: #ffffff;
     background-color: #233E87;
     box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
 }
 .accordion-button:not(.collapsed)::after {
    background-image: url('../../assets/images/nosotros/plus.svg');
    rotate: 135deg
 }
 .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: url('../../assets/images/nosotros/plus.svg');
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
/* ===================================
    Banner
====================================== */
.bg-banner {
     background: #0D2A78 10%;
 }
/* lg  */ @media (min-width: 992px) {
    .bg-banner {
        background: linear-gradient(180deg, #ffffff 15%, #0D2A78 15%, #123787 85%, #ffffff 85%);
    }
}


.rombo::after {
    content: ;
    position: relative;
    z-index: -1;
    width: 300px; 
    height: 300px; 
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ===================================
    Sectores
====================================== */
.pill-gray {
     background-color: #F8F9FB;
     border: 1px solid #F4F4F4;
     padding: 8px 20px;
     border-radius: 20px;
}