.module-documents .documents-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap:2rem;
}

.module-documents .intro-wrapper {
    width:100%;
    background-color: var(--dark-orange);
    background-image: var(--background-orange-dots);
    padding:5rem;
    text-align:center;
    border-radius: 10px;
}

.module-documents .intro-wrapper .headline {
    width:100%;
}

.module-documents .intro-wrapper .headline,
.module-documents .intro-wrapper .headline strong {
    color:#fff;
}

.module-documents .intro-wrapper {
    display: flex;
    gap:2rem;
    flex-wrap: wrap;
    align-items: center;
}

.module-documents .intro-wrapper p {
    color:#000;
    margin:0;
    width:100%;
}

.module-documents #document-filter {
    margin-bottom:3rem;
    max-width:500px;
    margin:0 auto;
}

.module-documents .documents-wrapper {
    margin-top:5rem;
}

.module-documents .documents-wrapper #documents-count {
    text-transform: uppercase;
    font-size:1.5rem;
}

.module-documents .documents-wrapper #documents-list {
    width:100%;
}

.module-documents .documents-wrapper #documents-list .document {
    width:100%;
    border-bottom:1px solid var(--medium-gray);
    padding-bottom:2rem;
    margin-bottom:2rem;
    display: flex; 
    justify-content: space-between;
    align-items: center;
    gap:5rem;
}

.module-documents .documents-wrapper #documents-list .document:last-child {
    border-bottom:0;
}

.module-documents .documents-wrapper #documents-list .document h3 {
    font-size:2.6rem;
    line-height: 3rem;
    font-weight: 700;
}

.module-documents .documents-wrapper #documents-list .document p {
    margin:0;
}

.module-documents .documents-wrapper #documents-list .document i {
    color:var(--dark-orange);
    font-size:3rem;
}

.module-documents #document-filter {
    width:100%;
}

.module-documents #document-filter form {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    background-color: #fff;
}

/* Search Button (Styled as Icon) */
.module-documents #document-filter .search-button {
    background: none; /* Remove default background */
    border: none; /* Remove default border */
    padding: 0; /* Remove padding */
    margin-right: 10px; /* Space between button and input */
    font-size: 20px; /* Icon size */
    color: var(--dark-gray); /* Gray color */
    cursor: pointer; /* Pointer cursor */
}

.module-documents #document-filter .search-button:hover {
    color: #555; /* Darker gray on hover */
}

/* Input Field */
.module-documents #document-filter input[type="search"] {
    border: none; /* Remove border */
    outline: none; /* Remove focus outline */
    font-size: 16px;
    font-family: 'Arial', sans-serif;
    color: #333; /* Text color */
    width: 100%; /* Fill available space */
    background: none; /* Transparent background */
}

/* Placeholder Text */
.module-documents #document-filter input::placeholder {
    color: #aaa; /* Light gray placeholder */
    font-style: normal; /* Removed italics */
}

/* Focus styles for better accessibility */
.module-documents #document-filter input[type="search"]:focus {
    outline: none;
    border-bottom: 2px solid #007BFF; /* Highlight border when focused */
}



@media (min-width:1200px) {
    
}