.inner-banner {
width: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
padding:100px 0;
min-height: 300px;
display: flex;
align-items: center;
}

.inner-banner .col-md-12.col-lg-12{ flex-direction:column !important;}
.inner-banner:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000066;
}

.inner-banner .container {
    position: relative;
    z-index: 1;
    height: 100%;
}

.inner-banner .container .row {
    height: 100%;
}

.inner-banner h1 {
    color: #fff;
}

.inner-banner h1:last-child {
    margin-bottom: 0
}

.inner-banner p {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}

.inner-body {
    width: 100%;
}
.typography p{line-height: 26px}
.typography h3{margin-bottom:20px;}
.typography .list {
    width: 100%;
    margin-bottom:35px;
}
.typography .list li{width: 100%; font-size: 16px; line-height: 26px; font-weight: 400; position: relative; padding-left: 15px; margin-bottom: 8px;}
.typography .list li::before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    content: "";
    background: #5C8A6B;
}
.typography .list li b{font-weight: 600; margin-right: 5px;}
.typography p b{font-weight: 600; margin-right: 5px;}
.typography .list li ul li::before {
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    content: "";
    background: #1f2e24;
}

.typography a{color: #5C8A6B; font-weight:600; text-decoration: underline;}
.typography a:hover{text-decoration:none;}
.typography span {
    font-size: 24px;
    line-height: 28px;
    color: #1F2E24;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}