@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

.owl-carousel .owl-item {
    width        : 100%;
    max-width    : 300px;
    height       : 400px;
    margin-bottom: 20px
}

.owl-carousel .owl-dot {
    margin    : 0 3px !important;
    background: #ffffff4f !important
}

.owl-carousel .owl-dot.active {
    background-color: #7dc1ef !important
}

.owl-dots {
    justify-content: center;
    display        : flex;
    padding        : 4px 0 20px 0
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position        : absolute;
    top             : 50%;
    margin          : -20px 0 0 0;
    width           : 40px;
    height          : 40px;
    border-radius   : 100px;
    background-color: #162056 !important
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0
}

.owl-carousel .owl-nav button.owl-next {
    right: 0
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    display: none
}

.owl-carousel .owl-nav button.owl-next::before,
.owl-carousel .owl-nav button.owl-prev::before {
    content    : "";
    display    : block;
    width      : 45%;
    height     : 45%;
    box-sizing : border-box;
    border-top : 4px solid #fff;
    border-left: 4px solid #fff
}

.owl-carousel .owl-nav button.owl-next::before {
    transform: rotate(130deg);
    margin   : 0 0 0 19%
}

.owl-carousel .owl-nav button.owl-prev::before {
    transform: rotate(-45deg);
    margin   : 0 0 0 36%
}

.carrosel-ong {
    width    : 100%;
    max-width: 1000px;
    margin   : 0 auto
}

.item>div {
    height          : 400px;
    width           : 300px;
    border-radius   : 8px;
    background-color: #fff;
    display         : block;
    margin          : 5px auto;
    position        : relative;
    box-shadow      : 0 0 5px #ccc
}

.item h3 {
    font-family: Montserrat;
    font-size  : 16px;
    font-style : normal;
    font-weight: 700;
    line-height: 20px;
    text-align : center;
    padding    : 0 15px
}

.item p {
    font-family   : Montserrat;
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 400;
    line-height   : 17px;
    letter-spacing: 1.75px;
    text-align    : center;
    padding       : 0 15px
}

div.bottom {
    display : flex;
    width   : 100%;
    position: absolute;
    bottom  : 0
}
.item a, 
.item button {
    height          : 42px;
    display         : block;
    border-radius   : 21px;
    background-color: #007ab8;
    font-family     : Montserrat;
    font-size       : 16px;
    font-style      : normal;
    font-weight     : 600;
    text-align      : center;
    border          : 0;
    color           : #fff;
    text-transform  : uppercase;
    cursor          : pointer;
    padding         : 10px 40px;
    margin          : 0 auto 25px auto
}

.container-carousel-cards .section-carousel-cards-2 {
    padding   : 0;
    min-height: 430px;
    box-shadow: 0 0 0 rgb(0 0 0);
    background: 0 0 !important
}

.container-carousel-cards .filter-categories {
    display        : flex;
    justify-content: center;
    padding        : 25px 35px;
    width          : 100%
}

.container-carousel-cards .filter-categories #filter-cards-category-mobile-2 {
    flex         : 1;
    padding      : 12px 20px;
    background   : #fff;
    border       : 2px solid #e6e6e6;
    box-sizing   : border-box;
    border-radius: 20px;
    font-family  : Montserrat;
    font-style   : normal;
    font-weight  : 400;
    font-size    : 14px;
    line-height  : 17px;
    color        : grey
}

.container-carousel-cards .filter-cards-categories-desktop {
    justify-content: space-evenly;
    margin-bottom  : 0;
    align-items    : center;
    max-width      : 100%;
    padding        : 10px 13px;
    background     : #fff;
    border-radius  : 48px
}

.container-carousel-cards .filter-cards-categories-desktop .btn_cards_filter-2 {
    font-family  : Montserrat;
    font-style   : normal;
    font-weight  : 700;
    font-size    : 16px;
    line-height  : 44px;
    border-radius: 32px;
    padding      : 0 16px;
    flex-shrink  : 0;
    margin-left  : 10px
}

.container-carousel-cards .filter-cards-categories-desktop .btn_cards_filter-2:first-child {
    margin-left: 0
}

.filter-cards-categories-desktop {
    display: none
}

.container-carousel-cards #filter-cards-category-mobile-2 {
    display: flex
}

.owl-next.disabled,
.owl-prev.disabled {
    display: none !important
}

@media screen and (min-width:1024px) {
    .owl-carousel .owl-nav button.owl-prev {
        margin-left: -50px;
        left       : 0
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-right: -50px;
        right       : 0
    }
}

@media screen and (min-width:768px) {
    .container-carousel-cards #filter-cards-category-mobile-2 {
        display: none !important
    }

    .filter-cards-categories-desktop {
        display: flex
    }

    .owl-carousel .owl-item {
        max-width: none
    }
}