.maincontent {
            max-width: 100%;
            margin: 0 auto;
            padding: 0;
            border: none;
        } 

.about-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
max-width: 93%;
width: 100%;
margin: auto;
justify-content: center;
align-items: start;
padding: 30px 0px 50px;
}

.about-card {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 42%;
width: 100%;
}

.about-card img {
margin:  auto;
width: 360px;
height: 360px;
}

.about-card p {
width: 94%;
margin: 20px auto 35px;
line-height: 30px;
}

@media (max-width: 982px) {
.about-card {
max-width: 82%;
}
}