My post title is overlapping.

Hello,

Recently I messed up with a few codes and since then, the post title is overlapping. You can check out from here - https://lifezeazy.com/make-money/

I tried everything but couldn't understand what's going on. I hope you can fix this error.
If you want the additional CSS codes, here it is:

.post-image {
margin-bottom: 0
!important;
}
.wpsp-related-posts {
background-color: #f2f3f4;
padding: 64px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.wpsp-related-posts h2 {
margin-bottom: 64px;
}
.post-navigation {
display: none;
}
.wpsp-related-posts {
background-color: #ffffff;
padding: 30px; /* reduce padding here */
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#text-23 {
background: #63b06e;
color: #FFF;
padding: 10;
}
p a:link, p a:hover, p a:active, p a:visited {
text-decoration: underline;
}
.entry-content ul li,
.entry-content ol li {
margin-bottom: 10px;
}
.custom-container {
background-color: #E4E4E4;
padding: 10px;
box-sizing: border-box;
}
.entry-content p + h2,
.entry-content p + h3 {
margin-top: 1.5em;
}
/* GeneratePress Site CSS */ .inside-article,
.sidebar .widget,
.comments-area {
border: 1px solid rgba(232, 234, 237, 1);
box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

/* Featured widget */
.sidebar .widget:first-child {
background-color: #32373B;
color: #fff;
}

.sidebar .widget:first-child .widget-title,
.sidebar .widget:first-child a:not(.button) {
color: #fff;
}

.sidebar .widget li {
margin-bottom: 15px;
}

.button.light {
background: #fff;
color: #000;
}

.button.light:hover {
background: #fafafa;
color: #222;
}

.separate-containers .page-header {
background: transparent;
padding: 20px 0;
}

.page-header h1 {
font-size: 30px;
}

@media (max-width: 768px) {
.post-image img {
max-width: 100%;
}
} /* End GeneratePress Site CSS */

Thanks,
Mahesh