#clients .clients-wrap {
    border-left: 1px solid #d6eaff;
    border-top: 1px solid #d6eaff;
    margin-bottom: 30px
}

#clients .client-logo {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #d6eaff;
    border-right: 1px solid #d6eaff;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 15px;
    transition: transform .15s
}

#clients .client-logo:hover img {
    transform: scale(.88)
}

#clients img {
    transition: all .4s ease-in-out
}

.no-gutters {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0
}

@media (min-width:576px) {
    #clients .client-logo {
        padding: 20px
    }
}

@media (min-width:768px) {
    #clients .client-logo {
        padding: 30px
    }
}

@media (min-width:992px) {
    #clients .client-logo {
        padding: 30px
    }
}

@media (min-width:1200px) {
    #clients .client-logo {
        padding: 30px
    }
}

@media (min-width:1400px) {
    #clients .client-logo {
        padding: 30px
    }
}

nav a {
    font-family: Quicksand, sans-serif !important;
    font-weight: 700 !important;
    text-decoration: none
}

.siete-veinte {
    min-height: 720px
}

.one-line-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.two-lines-text {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

:root {
    --df-celeste: #0086CD;
    --df-celeste-dark: #00679e;
    --df-amarillo: #FDC300;
    --df-amarillo-dark: #d1a000;
    --df-azul: #4235FD;
    --df-azul-dark: #4235FD;
}

.cl {
    font-family: 'Poppins', sans-serif;
}

.cl-verde {
    color: #00FF85;
}

.text-bolder {
    font-weight: 700;
}

.bg-df-celeste {
    background-color: var(--df-celeste);
}

.bg-df-amarillo {
    background-color: var(--df-amarillo);
}

.bg-df-azul {
    background-color: var(--df-azul);
}

.text-df-celeste {
    color: var(--df-celeste);
}

.text-df-amarillo {
    color: var(--df-amarillo);
}

.btn-df-amarillo {
    background-color: var(--df-amarillo);
    color: #ffffff;
    margin: 15px auto 15px auto;
    font-size: 1.2rem;
    font-weight: 700;
}

.btn-df-amarillo:active,
.btn-df-amarillo:hover {
    background-color:
}

.modal-ngos>.col {
    margin-top: 5px;
}