#newsWrapper.news-wrapper {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 24px !important;
margin: 32px 0 0 !important;
padding: 0 !important;
}

#newsWrapper.news-wrapper::before,
#newsWrapper.news-wrapper::after {
display: none !important;
content: none !important;
}

#newsWrapper.news-wrapper > .news-item {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #e7e2d8 !important;
border-radius: 20px !important;
overflow: hidden !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
height: 100% !important;
float: none !important;
}

#newsWrapper.news-wrapper > .news-item:hover {
transform: translateY(-6px) !important;
box-shadow: 0 16px 36px rgba(0,0,0,0.1) !important;
border-color: #cfc6b7 !important;
}

#newsWrapper.news-wrapper > .news-item > .image {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #f7f4ee !important;
}

#newsWrapper.news-wrapper > .news-item > .image > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
}

#newsWrapper.news-wrapper > .news-item > .image > a:hover {
text-decoration: none !important;
}

#newsWrapper.news-wrapper > .news-item > .image img {
display: block !important;
width: 100% !important;
height: 260px !important;
min-height: 260px !important;
max-width: none !important;
object-fit: cover !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
transition: transform .45s ease !important;
}

#newsWrapper.news-wrapper > .news-item:hover > .image img {
transform: scale(1.05) !important;
}

#newsWrapper.news-wrapper > .news-item > .text {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
flex: 1 1 auto !important;
width: 100% !important;
margin: 0 !important;
padding: 22px 22px 24px !important;
background: #ffffff !important;
text-align: left !important;
}

#newsWrapper.news-wrapper > .news-item > .text > .title,
#newsWrapper.news-wrapper > .news-item > .text > a.title {
display: block !important;
width: 100% !important;
margin: 0 0 12px !important;
padding: 0 !important;
font-size: 24px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
color: #1c1c1c !important;
text-decoration: none !important;
}

#newsWrapper.news-wrapper > .news-item > .text > .title:hover,
#newsWrapper.news-wrapper > .news-item > .text > a.title:hover {
color: #6f8f3a !important;
text-decoration: none !important;
}

#newsWrapper.news-wrapper > .news-item > .text > .description {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
color: #5b5b5b !important;
font-size: 15px !important;
line-height: 1.65 !important;
}

#newsWrapper.news-wrapper > .news-item > .text > .description p {
margin: 0 !important;
padding: 0 !important;
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}

@media (max-width: 991px) {
#newsWrapper.news-wrapper {
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
gap: 20px !important;
}
#newsWrapper.news-wrapper > .news-item > .image img {
height: 230px !important;
min-height: 230px !important;
}
#newsWrapper.news-wrapper > .news-item > .text > .title,
#newsWrapper.news-wrapper > .news-item > .text > a.title {
font-size: 21px !important;
}
}

@media (max-width: 767px) {
#newsWrapper.news-wrapper {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
#newsWrapper.news-wrapper > .news-item {
border-radius: 16px !important;
}
#newsWrapper.news-wrapper > .news-item > .image img {
height: 220px !important;
min-height: 220px !important;
}
#newsWrapper.news-wrapper > .news-item > .text {
padding: 18px 16px 20px !important;
}
#newsWrapper.news-wrapper > .news-item > .text > .title,
#newsWrapper.news-wrapper > .news-item > .text > a.title {
font-size: 20px !important;
margin-bottom: 10px !important;
}
#newsWrapper.news-wrapper > .news-item > .text > .description {
font-size: 14px !important;
line-height: 1.6 !important;
}
}