.banner {
        position: relative;
        display: inline-block;
    }
    
    .title-blog {
        position: absolute;
        top: 35px;
        left: 100px;
    }
    
    .span-blog {
        position: absolute;
        top: 80px;
        left: 100px;
    }
    
    .span-blog-2 {
        position: absolute;
        top: 105px;
        left: 100px;
    }
    
    .title-blog {
        font-family: blackk;
        letter-spacing: 5px;
        color: white;
    }
    
    .span-blog,
    .span-blog-2 {
        font-family: blackk;
        letter-spacing: 1px;
        color: white;
    }
    
    .title-article {
        color: #13a968;
        font-weight: 400;
    }
    
    .data-article {
        color: #48484f;
        font-size: 14px;
        font-size: 0.7777777778rem;
        font-weight: 600;
    }
    
    .card-publicacion {
        margin: 10px;
    }
    
    .ver-mas:hover {
        color: blue !important;
    }
    
    .cursor {
        cursor: pointer;
    }
    
    .title-reciente {
        color: #13a968;
    }
    
    .section-blog {
        background-image: linear-gradient(rgba(245, 245, 245, 0.4), rgba(245, 245, 245, 0.4)), url("../images/index/backgroundB.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .gray-container {
        background-color: #e9e9ea !important;
    }
    
    .page-item.active .page-link {
        background-color: #13a968 !important;
        border-color: white;
    }
    
    .page-link {
        color: #13a968;
    }
    
    .btn-outline-green:hover {
        color: #fff;
        background-color: #13a968;
        border-color: #13a968;
    }
    
    .btn-outline-green {
        color: #13a968;
        border-color: #13a968;
    }
    
    .btn-outline-green:not(:disabled):not(.disabled).active,
    .btn-outline-green:not(:disabled):not(.disabled):active,
    .show>.btn-outline-green.dropdown-toggle {
        color: #fff;
        background-color: #13a968;
        border-color: #13a968;
    }
    
    @media screen and (max-width: 991px) {
        .txt-banner {
            display: none;
        }
        .banner {
            margin-top: 93px;
        }
    }
    
    @media screen and (max-width: 767px) {
        .card-reciente-post {
            margin: 40px !important;
        }
        .gray-container {
            background-color: #fff !important;
            text-align: center;
            font-weight: 600;
        }
    }