.blog-main-content .blog-details {
    width: 66.154%;
}

.blog-main-content .blog-sidebar {
    width: 30.847%;
}

.blog-details .featured-img {
    position: relative;
    min-height: 367px;
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 30px;
}

.blog-details .featured-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: 0 10%;
}

.blog-main-content .blog-details h2,
.blog-main-content .blog-details h3 {
    color: #001E51;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
}

.blog-main-content .blog-details h5,
.blog-main-content .blog-details h6 {
    color: #001E51;
    line-height: normal;
}

.blog-main-content .blog-details ul, .blog-main-content .blog-details ol {
    margin-left: 20px;
    margin-bottom: 15px;
    padding-left: 20px;
}
.blog-main-content .blog-details ol li,
.blog-main-content .blog-details ul li {
    margin-bottom: 15px;
    color: #000;
}

.blog-main-content .blog-details p {
    margin-bottom: 15px;
    color: #000;
}

.blog-main-content .blog-details .comments-area {
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    padding: 36px;
    margin-top: 36px;
}

.blog-main-content .blog-details .comments-area h2 {
    margin-bottom: 0;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.18px;
}

.blog-main-content .blog-details .comment-form-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 5px;
}

.blog-main-content .blog-details p.rating-error,
.blog-main-content .blog-details .comment-form-rating p {
    margin: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #7F7F7F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.14px;
}

.blog-main-content .blog-details .star-rating span {
    cursor: pointer;
    font-size: 25px;
    color: #ccc;
}

.blog-main-content .blog-details .star-rating span.active {
    color: rgba(255, 193, 0, 0.92);
}

.blog-main-content .blog-details p.rating-error {
    width: 100%;
}

.blog-main-content .blog-details .comment-form-rating .star-rating {
    margin-left: 10px;
}

.blog-main-content .blog-details .comments-area .input-field label {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.15px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.blog-main-content .blog-sidebar .widget-area label.wp-block-search__label {
    display: none;
}

.blog-main-content .blog-sidebar .wp-block-search__inside-wrapper {
    position: relative;
}

.blog-main-content .blog-sidebar .wp-block-search__inside-wrapper input[type="search"] {
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    padding: 15px 50px 15px 20px;
    width: 100%;
    background-color: transparent;
    appearance: none;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #747474;
    outline: none;
    letter-spacing: 0.15px;
    border-radius: 10px;
}

.blog-main-content .blog-sidebar .wp-block-search__inside-wrapper input[type="search"]::placeholder {
    color: #A9A9A9;
}

.blog-main-content .blog-sidebar .wp-block-search__inside-wrapper button {
    position: absolute;
    right: 20px;
    height: 51px;
    border: 0;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M23.9998 22.586L17.7378 16.324C19.3644 14.3346 20.1642 11.7961 19.9716 9.23356C19.7791 6.67103 18.609 4.28053 16.7034 2.55652C14.7977 0.832506 12.3024 -0.0931122 9.73342 -0.0288803C7.16447 0.0353515 4.71848 1.08452 2.9014 2.90161C1.08431 4.7187 0.0351378 7.16469 -0.029094 9.73364C-0.0933258 12.3026 0.832292 14.798 2.5563 16.7036C4.28031 18.6092 6.67081 19.7793 9.23334 19.9718C11.7959 20.1644 14.3344 19.3646 16.3238 17.738L22.5858 24L23.9998 22.586ZM9.99978 18C8.41753 18 6.87081 17.5308 5.55522 16.6518C4.23963 15.7727 3.21425 14.5233 2.60875 13.0615C2.00324 11.5997 1.84482 9.99112 2.1535 8.43927C2.46218 6.88742 3.22411 5.46196 4.34293 4.34314C5.46175 3.22432 6.88721 2.46239 8.43906 2.15371C9.99091 1.84503 11.5994 2.00346 13.0612 2.60896C14.5231 3.21446 15.7725 4.23984 16.6515 5.55543C17.5306 6.87103 17.9998 8.41774 17.9998 10C17.9974 12.121 17.1538 14.1544 15.654 15.6542C14.1542 17.154 12.1208 17.9976 9.99978 18Z' fill='%231100D9'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
}

.blog-main-content .blog-details .input-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -20px;
    margin-top: 18px;
}

.blog-main-content .blog-details .input-row .input-field p {
    margin: 0;
}

.blog-main-content .blog-details .input-row .input-field textarea {
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    height: 132px;
}


.blog-main-content .blog-details .input-row p.comment-form-cookies-consent {
    display: flex;
    align-items: center;
}

.blog-main-content .blog-details .comments-area .input-field p.comment-form-cookies-consent label {
    margin: 0;
    color: #7F7F7F;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.14px;
}

.blog-main-content .blog-details p.form-submit {
    margin: 30px 0 0 0;
}

.blog-main-content .blog-details p.form-submit input[type="submit"] {
    min-width: 350px;
}

.blog-main-content .blog-details .comments-area h2.comments-title {
    margin-bottom: 20px !important;
    display: none;
}

.blog-main-content .blog-details ol.comment-list {
    list-style-type: none;
    margin: 20px 0;
    display: none;
}

.blog-main-content .blog-details ol.comment-list * {
    color: rgb(85, 85, 85);
    font-family: Sora, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.blog-main-content .blog-details .comment-author.vcard {
    margin-bottom: 10px;
}

.blog-main-content .blog-details .comment-author.vcard img.avatar {
    border-radius: 50%;
}

.blog-sidebar .blog-cate,
.blog-sidebar .blog-related-post {
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    padding: 30px;
}

.blog-sidebar .blog-cate h5,
.blog-sidebar .blog-related-post h5 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
}

.blog-sidebar .blog-cate ul {
    list-style-type: none;
}

.blog-sidebar .blog-cate ul li a,
.blog-sidebar .blog-cate ul li {
    color: #000;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
}

.blog-sidebar .blog-cate ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 14px;
}

.blog-sidebar .blog-cate ul li:last-child{
    margin-bottom: 0;
}

.blog-sidebar .blog-cate ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    display: block;
    background-color: #00C4A8;
    border-radius: 50%;
}

.blog-sidebar .blog-cate ul li a:hover {
    color: #00C4A8;
}

.blog-sidebar .widget_search {
    margin-bottom: 14px;
}

.blog-sidebar .widget_block:has(.blog-cate) {
    margin-bottom: 28px;
}

.blog-related-post ul li {
    display: flex;
    align-items: center;
}

.blog-related-post ul li .wp-block-latest-posts__featured-image {
    width: 138px;
    height: 98px;
    flex-shrink: 0;
}

.blog-related-post ul li .wp-block-latest-posts__featured-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.blog-related-post ul li .latest-post-content {
    width: calc(100% - 138px);
    margin-left: 19px;
    display: flex;
    flex-direction: column-reverse;
}

.blog-related-post .latest-post-content a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.25px;
}

.blog-related-post .wp-block-latest-posts__post-date {
    color: #1100D9;
    font-size: 11px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_238_2826)'%3E%3Cpath d='M0 11.875C0.000992411 12.7035 0.330551 13.4978 0.916387 14.0836C1.50222 14.6694 2.2965 14.999 3.125 15H11.875C12.7035 14.999 13.4978 14.6694 14.0836 14.0836C14.6694 13.4978 14.999 12.7035 15 11.875V6.25H0V11.875ZM10.625 9.0625C10.8736 9.0625 11.1121 9.16127 11.2879 9.33709C11.4637 9.5129 11.5625 9.75136 11.5625 10C11.5625 10.2486 11.4637 10.4871 11.2879 10.6629C11.1121 10.8387 10.8736 10.9375 10.625 10.9375C10.3764 10.9375 10.1379 10.8387 9.96209 10.6629C9.78627 10.4871 9.6875 10.2486 9.6875 10C9.6875 9.75136 9.78627 9.5129 9.96209 9.33709C10.1379 9.16127 10.3764 9.0625 10.625 9.0625ZM7.5 9.0625C7.74864 9.0625 7.9871 9.16127 8.16291 9.33709C8.33873 9.5129 8.4375 9.75136 8.4375 10C8.4375 10.2486 8.33873 10.4871 8.16291 10.6629C7.9871 10.8387 7.74864 10.9375 7.5 10.9375C7.25136 10.9375 7.0129 10.8387 6.83709 10.6629C6.66127 10.4871 6.5625 10.2486 6.5625 10C6.5625 9.75136 6.66127 9.5129 6.83709 9.33709C7.0129 9.16127 7.25136 9.0625 7.5 9.0625ZM4.375 9.0625C4.62364 9.0625 4.8621 9.16127 5.03791 9.33709C5.21373 9.5129 5.3125 9.75136 5.3125 10C5.3125 10.2486 5.21373 10.4871 5.03791 10.6629C4.8621 10.8387 4.62364 10.9375 4.375 10.9375C4.12636 10.9375 3.8879 10.8387 3.71209 10.6629C3.53627 10.4871 3.4375 10.2486 3.4375 10C3.4375 9.75136 3.53627 9.5129 3.71209 9.33709C3.8879 9.16127 4.12636 9.0625 4.375 9.0625Z' fill='%231100D9'/%3E%3Cpath d='M11.875 1.25H11.25V0.625C11.25 0.45924 11.1842 0.300269 11.0669 0.183058C10.9497 0.065848 10.7908 0 10.625 0C10.4592 0 10.3003 0.065848 10.1831 0.183058C10.0658 0.300269 10 0.45924 10 0.625V1.25H5V0.625C5 0.45924 4.93415 0.300269 4.81694 0.183058C4.69973 0.065848 4.54076 0 4.375 0C4.20924 0 4.05027 0.065848 3.93306 0.183058C3.81585 0.300269 3.75 0.45924 3.75 0.625V1.25H3.125C2.2965 1.25099 1.50222 1.58055 0.916387 2.16639C0.330551 2.75222 0.000992411 3.5465 0 4.375V5H15V4.375C14.999 3.5465 14.6694 2.75222 14.0836 2.16639C13.4978 1.58055 12.7035 1.25099 11.875 1.25Z' fill='%231100D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_2826'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px;
    padding-left: 21px;
}

.blog-related-post .latest-post-content a:hover {
    color: #1100D9;
}

.blog-sidebar section {
    margin: 0;
}


@media only screen and (max-width: 1399px) {
    .blog-related-post ul li .wp-block-latest-posts__featured-image {
        width: 100px;
        height: 80px;
    }

    .blog-related-post ul li .latest-post-content {
        width: calc(100% - 100px);
        margin-left: 11px;
    }
}

@media only screen and (max-width: 1199px) {
    .blog-related-post ul li .wp-block-latest-posts__featured-image {
        width: 50px;
        height: 50px;
    }

    .blog-related-post ul li .latest-post-content {
        width: calc(100% - 50px);
    }

    .blog-related-post ul li {
        align-items: flex-start;
    }

    .blog-related-post .wp-block-latest-posts__post-date {
        line-height: normal;
        margin-bottom: 5px;
    }

    .blog-related-post .latest-post-content a {
        font-size: 14px;
        line-height: normal;
    }

    .blog-sidebar .blog-cate,
    .blog-sidebar .blog-related-post {
        padding: 20px;
    }

    .blog-related-post ul li .wp-block-latest-posts__featured-image img {
        border-radius: 6px;
    }
}

@media only screen and (max-width: 991px) {
    .blog-main-content .blog-details .comments-area {
        padding: 20px;
        margin-top: 28px;
    }

    .blog-main-content .blog-details,
    .blog-main-content .blog-sidebar {
        width: 100%;
    }

    .blog-main-content .blog-sidebar {
        margin-top: 30px;
    }

    .blog-related-post ul li {
        align-items: center;
    }

    .blog-related-post .latest-post-content a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;

    }

    .blog-main-content .blog-details p.form-submit input[type="submit"] {
        min-width: unset;
    }
}