.documentspage .headerboard{
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) center/ cover no-repeat, url('/img/top_questions.jpg') center/ cover no-repeat;
}
.documentswrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}
.documents_card{
    width: 380px;
    height: 400px;
    background: url('/img/vector_documents.svg') bottom -220px left -72px/ 184px 789px repeat-x, #F3F3F3;
    border-radius: 20px;
    position: relative;
}
.boxinfo{
    width: calc(100% - 40px);
    position: absolute;
    top: 247px;
    left: 20px;
}
.doctitle{
    font-weight: 600;
    font-size: 28px;
    margin: 0 0 14px 0;
}
.boxinfo p{
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 25px;
}
.docinfo{
    font-size: 18px;
    line-height: 1.4;
    color: #9F9F9F;
}
.docicon{
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml, %3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.375%2020.3203V20.1471C2.375%2017.382%202.86923%2015.1704%204.13672%2013.5859C5.42589%2011.9744%207.3727%2011.1838%209.875%2010.9505C10.3881%2010.9027%2010.8426%2011.2799%2010.8906%2011.7929C10.9385%2012.3062%2010.5614%2012.762%2010.0482%2012.8099C7.83086%2013.0166%206.45114%2013.6795%205.59375%2014.7513C4.71478%2015.85%204.24219%2017.5524%204.24219%2020.1471V20.3203C4.24223%2023.2078%204.82519%2024.9879%205.90625%2026.069C6.98731%2027.15%208.76744%2027.733%2011.6549%2027.733H20.3346C23.2219%2027.733%2025.0022%2027.1498%2026.0833%2026.069C27.1644%2024.9879%2027.7487%2023.2078%2027.7487%2020.3203V20.1471C27.7487%2017.533%2027.269%2015.8242%2026.3776%2014.7252C25.5069%2013.6521%2024.1028%2012.9916%2021.8424%2012.7968C21.3289%2012.7526%2020.948%2012.3%2020.9922%2011.7864C21.0365%2011.2729%2021.4891%2010.8919%2022.0026%2010.9362C24.5416%2011.1549%2026.5177%2011.9349%2027.8268%2013.5481C29.1151%2015.1359%2029.6159%2017.3616%2029.6159%2020.1471V20.3203C29.6158%2023.3923%2029.0057%2025.7858%2027.4036%2027.388C25.8014%2028.9902%2023.4069%2029.6002%2020.3346%2029.6002H11.6549C8.58279%2029.6002%206.18942%2028.9902%204.58724%2027.388C2.98506%2025.7858%202.37504%2023.3924%202.375%2020.3203ZM15.069%202.66663C15.069%202.15116%2015.4871%201.73303%2016.0026%201.73303C16.5178%201.73338%2016.9349%202.15138%2016.9349%202.66663V19.0807L19.8086%2016.207C20.1731%2015.8425%2020.7644%2015.8425%2021.1289%2016.207C21.4929%2016.5714%2021.4929%2017.1616%2021.1289%2017.526L16.6615%2021.9934C16.297%2022.3575%2015.7068%2022.3575%2015.3424%2021.9934L10.875%2017.526C10.5111%2017.1616%2010.511%2016.5714%2010.875%2016.207C11.2395%2015.8425%2011.8308%2015.8425%2012.1953%2016.207L15.069%2019.0807V2.66663Z%22%20fill%3D%22%230F0F0F%22%2F%3E%0A%3C%2Fsvg%3E") center / cover no-repeat;
    display: inline-block;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1240px){
    
}


@media only screen and (max-width: 699px){
    
}