.ks-blog-detail {
    .ks-bottom-item {
        font-size: 13px;
        color: #363636;
        & > span {
            font-weight: 400;
        }
    }
    .image-fluid {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .ks-blog-banner {
//         background-image: url('../images/blog_04.jpg');
        background-color: rgba(255, 255, 255, 0.45);
        background-blend-mode: overlay;
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        .ks-banner-top {
            font-size: 14px;
            color: #363636;
            & > span {
                font-weight: 400;
            }
        }
        .ks-banner-middle {
            text-transform: uppercase;
            & > h3 {
                font-weight: 600;
                letter-spacing: 2px;
                color: #363636;
            }
        }
        
    }
    
    .ks-blog-detail-left {
        .container{
            .row{
                .col-lg-8{
                    &.offset-lg-2 {
                        margin-left: 0%;
                        flex: 0 0 100%;
                        max-width: 100%;
                        padding: 0px;
                        font-size: 14px;
                    }
                }
            }
        }

        .ks-blog-box {
            .ks-blog-box-img {
                max-width: 760px;
                width: 100%;
            }
            .ks-blog-info {
                font-size: 13px;
                color: #454545;
                line-height: 1.6;
            }
            .ks-blog-iner-head {
                font-size: 20px;
                font-weight: 600;
                color: #363636;
            }
            .ks-tags-box {
                border-top: 1px solid #e1e1e1;
                border-bottom: 1px solid #e1e1e1;

                .ks-blog-tags {
                    .ks-tag-chip{
                        font-size: 12px;
                        padding: 2px 6px;
                        border: 1px solid #e1e1e1;
                        margin-right: 6px;
                        &:first-child {
                            border: none;
                        }
                    }
                }
                .ks-blog-socal-box {
                    .ks-socal-item {
                        font-size: 14px;
                        color: #3a3a3a;
                        padding: 0 8px;
                        &:last-child {
                            padding-right: 0;
                        }
                        &:hover {
                            text-decoration: none;
                        }
                    }
                }
            }
        }
    }

    .ks-blog-detail-right {
        .ks-blog-right-head {
            .ks-pp-head-info {
                font-size: 18px;
                font-weight: 600;
                color: #363636;
                &::before,
                &::after {
                    content: "";
                    position: absolute;
                    height: 3px;
                    width: 20px;
                    background-color: #363636;
                    top: 50%;
                    transform: translateY(-50%);
                }
                &::before {
                    left: -24px;
                }
                &::after {
                    right: -24px;
                }
            }
        }
        .ks-blog-right-body {
            .custom-card {
                border: 1px solid #e1e1e1;
                border-right: 0;
                .card-image {
                    max-width: 100px;
                    width: 100%;
                    .image-fluid {
                        object-fit: cover;
                    }
                }
                .card-details {
                    .card-details-top {
                        .ks-bottom-item {
                            color: #7a7a7a;
                        }
                    }
                    .card-details-bottom {
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 1;
                        color: #363636;
                    }
                }
            }
        }
        .ks-blog-newsletter {
            background-color: #f7f7f7;
            .ks-newsletter-head {
                text-transform: uppercase;
                font-size: 18px;
                font-weight: 600;
                letter-spacing: 1px;
                color: #363636;
            }
            .ks-newsletter-body {
                .newsletter-fild{
                    & input,
                    & button {
                        border-radius: 0;
                        border: 0;
                        height: 38px;
                    }
                    .subscribe-btn {
                        background-color: #333333;
                        color: #ffffff;
                        font-size: 14px;
                    }
                }
                .newsletter-text {
                    font-size: 14px;
                    color: #363636;
                }
            }
        }
    }
}