/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.case-blog-post
{
  display:grid;
  grid-template-columns:40% 60%;
  grid-gap:30px
}

.cstmarticle ul {
    margin-left: 0px;
    padding-left: 18px;
}

.cstmarticle h5 {
    font-weight: bold;
    margin-bottom: 10px;
  margin-top: 10px;
}
.cstm-metapost {
    display: none;
}
.cstmrelated-blog .blog-related-posts__list {
    margin: 0px auto;
}
a.cstmcont-btn {
    margin-top:15px;
    color: #fff !important;
    opacity: 1!important;
    overflow: hidden;
    padding: 15px 21px !important;
    position: relative;
    z-index: 0;
    background-color: #002366;
    border-radius: 5px;
    border: 2px solid #002366;
    display: inline-block;
}


.cstmrelated-blog .blog-related-posts__list .blog-related-posts__title, .cstmrelated-blog .blog-related-posts__list a.blog-related-posts__title-link {
        color: #002366;
        font-family: Lato;
        font-size: 24px;
        font-weight: bold;
        line-height: 35px;
        margin: 10px 0 5px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        min-height: 75px;
        overflow: hidden;
}


.cstmrelated-blog .inner-article-cstm, .inner-article-cstm>* {     
        font-family: Poppins;
        font-size: 15px;
        font-weight: 400;
        line-height: 27px;
        margin: 0;
}

.cstmrelated-blog .blog-related-posts__image {
        height: 280px;
        object-fit: cover;
        width: 100%;
}

.cstmrelated-blog.blog-related-posts h2 {
        font-family: 'Lato';
        letter-spacing: 2px;
        color: #002366;
}
.blog-post.case-post {
    max-width: 1200px;
    padding: 20px 0px 80px;
}












@media(max-width:1024px)

.blog-related-posts.cstmrelated-blog {
        padding: 40px 0;
}
}

@media(max-width:767px)
  {
   .case-blog-post
{
  grid-template-columns:100%;
} 
    .cstmrelated-blog .blog-related-posts__list .blog-related-posts__title, .cstmrelated-blog .blog-related-posts__list a.blog-related-posts__title-link {
        -webkit-line-clamp: 4;
        min-height: auto;
        margin-bottom: 5px;
        font-size: 21px;
        line-height: 32px;
}

.cstmrelated-blog .blog-related-posts__image {
        height: auto;
}

.cstmrelated-blog.blog-related-posts {
        padding: 30px 0;
}
}