.cards-grid-container {

    .swiper-wrapper{
        overflow: visible !important;
        gap: initial !important;
    }
    
    .card-content {
        flex-grow: 1;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    
    .custom-cards-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 48px;
        margin: auto;
        justify-content: center;
    }

    .custom-cards-grid.slider{
        padding: 30px 20px 20px 20px
    }

    .custom-card {
        background: white;
        padding: 20px 20px 30px 20px;
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
        text-align: center;
        border-radius: 24px;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #666;
        height: 300px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        
    }
    .content-description {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #A6A6A6 transparent;

        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
        mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        padding: 2px 0px;
    }
    
    .content-description::-webkit-scrollbar {
        width: 8px;
    }

    .content-description::-webkit-scrollbar-thumb {
        background-color: #A6A6A6;
        border-radius: 100px;
    }

    .content-description::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .custom-card .content-description .read-more, .custom-card .content-description .read-less {
        cursor: pointer;
        color: #007aff;
    }
    
    .custom-cards-grid.slider.pre-slider{
        opacity: 0;
    }

    .custom-cards-grid.grid{
        .custom-card {
            flex: 1 1 calc(100% / var(--columns-desktop) - 48px);
            max-width: calc(100% / var(--columns-desktop) - 48px);
        }
    }

    .card-icon {
        margin-top: -50px;
    }

    .card-icon img {
        width: 70px;
        height: 70px;
    }

    .custom-card h3 {
        margin-top: 10px;
    }

    .custom-cards-grid > .custom-card.last-row {
        justify-self: center;
    }
    .swiper-button-cards{
        width: 50px;
        height: 50px;
        cursor: pointer;
    }
    .swiper-button-cards::before{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
    }
    .swiper-button-cards.next::before{
        background-image: url('../images/arrow-slider.svg');
        background-position: center center;
        background-repeat: no-repeat;

    }
    .swiper-button-cards.prev::before{
        background-image: url('../images/arrow-slider.svg');
        background-position: center center;
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }
    .buttons-cards-container{
        display: flex;
        gap: 15px;
        justify-content: center;
        width: 100%;
        margin-top: 50px;
    }
    .card-content h3{
        line-height: normal;
    }
    .card-link {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        vertical-align: bottom;
        flex-direction: column;
    }
    .card-link a {
        font-weight: 700 !important;
        color: rgba(0,122,255,1)!important;
        font-size: 15px;
    }
    .buttons-cards-container {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 20px;
    }

    .custom-nav-button:after {
        display: none !important;
    }
    .custom-nav-button {
        background-image: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    @media (max-width: 1024px) and (min-width: 769px) {
        .custom-cards-grid.grid{
            .custom-card {
                flex: 1 1 calc(100% / var(--columns-tablet) - 48px);
                max-width: calc(100% / var(--columns-tablet) - 48px);
            }
        }
        
    }

    @media (max-width: 768px) {
        .custom-cards-grid.grid{
            .custom-card {
                flex: 1 1 calc(100% / var(--columns-mobile) - 48px);
                max-width: calc(100% / var(--columns-mobile) - 48px);
            }
        }
        
    }
}