.csi-body-9{
    padding: 5% 10%;
    position: relative;
}

.csi-body-9:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    width: 100%;
    background-color: #536D79;
}

.csi-body-9 img.card-img-top{
    max-height: 230px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.csi-body-9 h1,
.csi-body-9 h2,
.csi-body-9 h3,
.csi-body-9 h4,
.csi-body-9 h5,
.csi-body-9 h6{
    font-family: var(--primary-font, "Open Sans", sans-serif);
    color: var( --primary-font-color, #253137 );
    font-weight: 700;
}

.csi-body-9 p,
.csi-body-9 ol,
.csi-body-9 ul,
.csi-body-9 a{
    font-family: var(--primary-font, "Open Sans", sans-serif);
    color: var( --secondary-font-color, #000 );
}

.csi-body-9 .card{
    border: none;
    border-radius: 8px;
    box-shadow: 20px 5px 43px 0px #25313787;
}

@media (max-width: 1024px) {
    .csi-body-9{
        padding: 5% 0;
    }
}

@media (max-width: 992px) {
    .csi-body-9:before{
        height: 85%;
    }
    .csi-body-9 .card{
        margin-bottom: 5%;
    }
}