.latestCard {
    margin: 20px 0;
}

.pagination {
    justify-content: center;
    margin-top: 40px;
}

/* blog details */
.blogDtlSec {
    .blogLftWrap {
        .blgDtsTitle {
            font-size: 40px;
            font-weight: 700;
            color: #048FEA;
            line-height: 1;
            margin-bottom: 50px;
        }

        .blogDtltop {
            .blogFigure {
                height: 500px;
                width: 100%;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 20px;
                }
            }

            .blogMeta {
                display: flex;
                flex-wrap: wrap;
                padding-top: 10px;
                border-top: 1px solid rgb(229, 229, 229);
                justify-content: center;
                align-items: center;
                padding-bottom: 10px;
                border-bottom: 1px solid rgb(229, 229, 229);

                span {
                    display: block;
                    align-items: center;
                    font-size: 14px;
                    line-height: normal;
                    color: #000;

                    img {
                        width: 18px;
                        margin-right: 6px;
                    }

                    &:not(:last-child) {
                        position: relative;
                        margin-right: 30px;
                        padding-right: 30px;

                        &::after {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 2px;
                            height: 100%;
                            background-color: #00000020;

                        }
                    }
                }
            }
        }

        .blogDtlCont {
            margin-top: 20px;

            .echBlogCont {
                &:not(:last-child) {
                    margin-bottom: 20px;
                }

                p {}

                img {
                    height: 350px;
                    border-radius: 15px;
                }
            }
        }

        .blogBtm {
            margin-top: 40px;

            .blogBtmTlt {
                font-size: 40px;
                font-weight: 700;
                font-family: "Manjari", sans-serif;
                margin-bottom: 30px;
                color: #048FEA;
            }

            .blogBtmWrap {
                .blogAuthWrap {
                    background-color: #E6F5FF;
                    padding: 20px;
                    border-radius: 15px;

                    .blogAuthRow {
                        display: flex;
                        align-items: center;
                        margin-bottom: 15px;

                        .blogAuthLft {
                            width: 70px;
                            height: 70px;
                            border-radius: 50%;

                            img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                border-radius: 50%;
                            }
                        }

                        .blogAuthRgt {
                            width: calc(100% - 70px);
                            padding-left: 20px;

                            .userNam {
                                font-size: 18px;
                                font-weight: 700;
                                font-family: "Manjari", sans-serif;
                                display: block;
                                color: #048FEA;
                                margin-bottom: 8px;
                            }

                            .userInfo {
                                font-size: 16px;
                                font-weight: 400;
                                font-family: "Manjari", sans-serif;
                                display: block;
                            }
                        }
                    }

                    .blogAuthCont {}
                }
            }
        }
    }

    .blogRgtWrap {
        position: sticky;
        top: 100px;

        .blogSideBar {
            .srchWrap {
                margin-bottom: 40px;

                .frmWrap {
                    position: relative;
                    display: block;

                    form {
                        .frmWrapInn {
                            padding: 7px 18px 14px;
                            border-radius: 8px;
                            border: 1px solid #ccc;
                            background-color: transparent;

                            .srchBtn {
                                position: absolute;
                                width: 60px;
                                height: 60px;
                                border: none;
                                border-radius: 50%;
                                background: url(../images/search-icon.png) no-repeat center center;
                                right: 0;
                            }

                            .inputTxt {
                                border: unset;
                                border-bottom: 1px solid #ccc;
                                padding: 0;
                                border-radius: unset;
                                padding-right: 60px;
                            }
                        }
                    }
                }
            }

            .blockCList {
                border: 1px solid #00000025;
                padding: 24px 20px;
                border-radius: 8px;

                &:not(:last-child) {
                    margin-bottom: 40px;
                }

                .blgSdeTitle {
                    font-size: 25px;
                    font-weight: 700;
                    color: #048FEA;
                    margin-bottom: 30px;
                }

                .catList {
                    li {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;

                        &:not(:last-child) {
                            border-bottom: 1px solid #ccc;
                            margin-bottom: 16px;
                            padding-bottom: 16px;
                        }

                        a {}

                        span {}
                    }
                }
            }
        }
    }
}

/* end blog details */

@media (max-width: 1440px) {
    .blogDtlSec {
        .blogRgtWrap {
            .blogSideBar {
                .srchWrap {
                    .frmWrap {
                        form {
                            .frmWrapInn {
                                .srchBtn {
                                    width: 60px;
                                    height: 40px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    .single-post {
        .pageBannerWrap {
            .pageBannerTitle {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }
        }
    }
}

@media (max-width: 991px) {
    .blogDtlSec {
        .blogLftWrap {
            .blogDtltop {
                .blogFigure {
                    height: auto;
                }
            }

            .blogBtm {
                .blogBtmTlt {
                    font-size: 30px;
                    margin-bottom: 15px;
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .blogDtlSec {
        .blogLftWrap {
            .blogDtltop {
                .blogMeta {
                    span {
                        &:not(:last-child) {
                            margin-right: 10px;
                            padding-right: 10px;
                        }
                    }
                }
            }
        }
    }
}