ul {
padding: 0;
list-style: none;
margin: 0;
}
.page-impact-container h2 {
color: #30485F;
}
.bwa-intro-text {
max-width: 700px;
margin: 0 auto;
padding: 50px 0 25px;
font-size: 16px;
line-height: 24px;
color: #4c4c4c;
}
.impact-three-areas-section {
padding: 25px 0;
}
.impact-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.impact-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #30485F;
color: #fff;
}
.impact-item p {
margin: 16px 0;
font-weight: 500;;
font-size: 16px;
line-height: 24px;
} .ministry-impact-section {
padding: 50px 0 25px;
display: flex;
flex-direction: column;
gap: 60px;
}
.impact-download-btn {
color: #ffffff;
}
.impact-image-wrap {
margin-top: 30px;
width: 100%;
}
.impact-image-wrap img {
display: block;
width: 100%;
} .impact-achievement-list {
display: grid;
grid-gap: 20px;
}
.impact-achievement-item {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 20px;
height: 314px;
text-align: center;
color: #fff;
background-color: #30485F;
background-position: center;
background-size: cover;
}
.impact-achievement-item:nth-child(1),
.impact-achievement-item:nth-child(4),
.impact-achievement-item:nth-child(5){
width: 70%;
margin: 0 auto;
padding: 40px;
}
.impact-achievement-box {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.impact-achievement-item-number {
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 48px;
}
.impact-achievement-item p {
margin: 20px 0;
font-size: 16px;
line-height: 24px;
} .ending-block-section {
padding: 25px 0 50px;
}
.ending-text p {
font-size: 16px;
line-height: 24px;
}
@media screen and (min-width: 1025px) {
.bwa-intro-text {
max-width: 900px;
padding: 100px 0 50px;
font-size: 20px;
line-height: 28px;
}
.impact-three-areas-section {
padding: 50px 0;
}
.impact-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
.impact-item p {
font-size: 20px;
line-height: 32px;
} .ministry-impact-section {
position: relative;
padding: 100px 0 50px;
flex-direction: row;
gap: 40px;
justify-content: space-between;
}
.ministry-impact-header {
position: sticky;
height: max-content;
top: 180px;
width: 40%;
}
.impact-image-wrap {
width: 477px;
height: 361px;
}
.impact-image-wrap img {
height: 100%;
object-fit: cover;
} .impact-achievements {
width: 50%;
width: 45%;
}
.impact-achievement-list {
grid-template-columns: repeat(2, 1fr);
}
.impact-achievement-item {
padding: 60px 40px;
height: 514px;
}
.impact-achievement-item:nth-child(1),
.impact-achievement-item:nth-child(4),
.impact-achievement-item:nth-child(5){
width: 100%;
margin: 0;
padding: 60px 40px;
}
.impact-achievement-item:nth-child(2n) {
position: relative;
transform: translateY(80px);
}
.impact-achievement-item-number {
width: 80px;
height: 80px;
}
.impact-achievement-item p {
font-size: 20px;
line-height: 28px;
}
.ending-block-section {
padding: 50px 0 100px;
}
.ending-text p {
font-size: 20px;
line-height: 28px;
}
}