Padding inside widgets

Hey there,

I’m customising this page and trying to get the text padding in the widget boxes consistent.

Can anyone assist? Many thanks in advance. Current CSS pasted below.
———–

.container {
width: 100%;
}

h3 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

h4 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

h5 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

h6 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

p {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}

.single-post {
background: #FCF6F4;
}

.post {
background: #FCF6F4;
}

body { background:#FCF6F4;}

.rowtight, .row {
margin: 0;
}

body.home #content .main, .container {
padding: 0;
overflow-x: hidden;
}

@media (max-width: 768px) {
p,h1, h2, h3, h4, h5 {
max-width: 90%;
}
}

.rowtight, .row {
margin: 0;
}
body.home #content .main, .container {
padding: 0;
overflow-x: hidden;
}
body.page #content .main .pageclass {
padding: 0;
}
@media (max-width: 768px){
p,h1, h2, h3, h4, h5 {
max-width: 90%;
}
}
.headerclass > .container {
overflow-x: visible;
}

img {
padding:-10px;
margin:-10px;
}
@media (max-width: 768px){
.kt-home-call-to-action {
background-attachment: scroll !important;

}
}

.widget {
box-shadow: none;
border: 1px solid #333A3F;
}