.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 .list li ul li::before {
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    content: "";
    background: #1f2e24;
}

.typography h4{font-weight:600; margin-bottom: 20px;}
.typography span{font-size: 24px; line-height: 28px; color: #1F2E24; font-weight: 400; display: block; margin-bottom: 10px;}
.typography span b {
    font-weight: 600;
    margin-right: 5px;
}

.typography .list li img{margin-left: 10px; max-height:30px;}