.paragraph--type--download-section {
    padding: var(--section-padding) var(--grid-padding);

    .field--name-field-documents {
        margin-top: 27px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;

        @media(max-width: 1300px) {
            grid-template-columns: repeat(3, 1fr);

        }

        @media(max-width: 768px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media(max-width: 550px) {
            grid-template-columns: repeat(1, 1fr);
        }

        .field__item {
            display: contents;
        }

        .field--name-name {
            font-size: var(--font-size-16);
            font-weight: var(--font-semibold);
            margin-bottom: 10px;
            display: block;
            word-break: break-word;
        }

        .field--name-field-description {
            p {
                font-size: var(--font-size-12);
                font-weight: var(--font-medium);
                color: var(--color-gray-4);
            }
        }

        .media--type-document {
            border: 1px solid #DCDCDC;
            padding: 16px 15% 16px 24px;
            display: flex;
            flex-direction: column;

        }

        .field--name-field-media-file {
            padding-top: 12px;
            margin-top: auto;

            .file-download {
                display: contents;

                a {
                    &:after {
                        width: 15px;
                        background-image: url("../../images/icons/download.svg");
                    }
                }
            }
        }


    }

    .field.field--name-field-text {

        h1, .h1,
        h2, .h2,
        h3, .h3,
        h4, .h4 {
            font-size: var(--font-size-32);
        }

        p {
            font-weight: 300;
            color: var(--color-gray-7);
        }
    }
    
    .text-formatted ol, .field--type-text-long ol, .form-type-processed-text ol {
        list-style: decimal;
        padding-left: 12px;
        
        li::after {
          display: none; 
          
        }
    }
}