.blog_banner {
    width: 100%;
    float: left;
    background: linear-gradient(0deg, rgba(4, 127, 179, 1) 0%, rgba(0, 55, 112, 1) 100%);
    padding: 100px 160px 15px;
}
.blog_banner_text{width: 100%;float: left;display: flex;gap: 168px;justify-content: space-between;}

/* ----------blog banner content section---------- */
.blog_banner_left{float: left;width: 68%;}
.blog_banner_left h2{float: left;color: #FFFFFF;font-size: 40px;font-weight: 700;margin-bottom: 24px;}
.blog_banner_left p{float: left;color: #FFFFFF;font-size: 16px;font-weight: 400;line-height: 20px;}

/* ----------blog banner img section---------- */
.blog_banner_right{float: left;}
.blog_banner_right img{float: left;width: auto;height: 210px;}
.blog_back{width: 100%;float: left;}
    .blog_banner_left h1 {
        font-size: 28px;
        margin-bottom: 15px;
        float: left;
    color: #FFFFFF;
        font-weight:700;
    }
@media screen and (max-width: 1600px){

    /* PLP css start */
    .blog_banner_left{width: 67%;}
    .blog_banner_text{gap: 20px;}
    .blog_banner_left h2{font-size: 28px;margin-bottom: 15px;}}

@media screen and (max-width: 1024px){

    .blog_banner_left h2{font-size: 20px;margin-bottom: 10px;}
    .blog_banner_left p{font-size: 16px;font-size: 14px;line-height: 23px;}
    .blog_banner_text{gap: 30px;padding-bottom: 40px;}
    .blog_banner_right img{height: 140px;}}

@media screen and (max-width:767px){

    /* PLP css start */
    .blog_banner_left{width: 100%;}
    .blog_banner_text{gap: 30px;flex-direction: column;}}