/* blog-detail-page */
/* main .blog-detail-sec{background: var(--sectionbackground);} */
main .blog-detail-sec .blog-detail-img .detail-img{border-radius: 12px;box-shadow: 0 0 20px rgba(119, 119, 119, 0.4);}
main .blog-detail-sec .blog-detail-content{padding: 50px 0;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .title {font-size: 30px;color: var(--txtblack); font-weight: 600;line-height: 42px;margin-bottom: 30px;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .time-list{display: flex;align-items: center;padding-left: 0;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .time-list li{position: relative;padding: 0 20px;font-size: 16px;font-weight: 500;color: var(--txttheme);}
main .blog-detail-sec .blog-detail-content .detail-left-sec .time-list li:first-child{padding-right: 0;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .time-list li i{position: absolute;left: 0;top: 7px;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .desc, main .blog-detail-sec .blog-detail-content .detail-left-sec .article-list li p{font-size: 16px;line-height: 27px;margin-bottom: 12px; color: var(--txtblack);}
main .blog-detail-sec .blog-detail-content .detail-left-sec p strong{color: var(--txtblack);font-weight: 600;}
main .blog-detail-sec .blog-detail-content .detail-left-sec h5{font-size: 20px;font-weight: 500;color: var(--txtblack);margin-bottom: 8px;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .text-blue {color: var(--txttheme);font-weight: 600;text-decoration: underline;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .article-title {color: var(--txttheme);font-size: 25px;font-weight: 600;margin-bottom: 10px;line-height: 36px;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .article-list{padding-left: 0px;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .article-list li {font-size: 16px;line-height: 27px;position: relative;color: var(--txtblack);border: 2px solid #DDEBFF;background-color: #F9FBFF;border-radius: 6px;margin-bottom: 10px;	padding: 12px;padding-left: 35px;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .article-list li p{margin-bottom: 0;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .article-list li img {position: absolute;left: 8px;transition: all .4s ease;top: 16px;}

main .blog-detail-sec .blog-detail-content .detail-right-sec{padding: 0 0 0 80px;position: sticky;overflow-y: scroll;height: 85vh;top: 160px;}
main .blog-detail-sec .blog-detail-content .detail-right-sec .right-items{padding-left: 0;}
main .blog-detail-sec .blog-detail-content .detail-right-sec .right-items li{margin-bottom: 10px;}
main .blog-detail-sec .blog-detail-content .detail-right-sec h4{font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 15px;}
main .blog-detail-sec .blog-detail-content .detail-right-sec .right-items li a {-webkit-box-shadow: 0 13.5px 64px hsla(0,0%,40%,.1);font-weight: 500; box-shadow: 0 13.5px 64px hsla(0,0%,40%,.1);display: block;padding: 13px 10px 13px 40px;border-radius: 6px;position: relative;}
main .blog-detail-sec .blog-detail-content .detail-right-sec .right-items li:hover a{background: rgba(23, 133, 253, 0.8); color: var(--secondarycolor);}
main .blog-detail-sec .blog-detail-content .detail-right-sec .right-items li a i{position: absolute;left: 16px;top: 20px;}


main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-search .sidebar__search-form {position: relative;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-search #searchText {display: block;border: 1px solid var(--secondarycolor);transition: all .4s ease-in-out; outline: none;background-color: #fff;color: #010101;font-size: 18px;font-weight: 500;padding-left: 25px;height: 57px;width: 100%;padding-right: 50px;border: 1px solid transparent;box-shadow: 0 0 30px 7px rgba(94, 101, 117, 8%);border-radius: 6px;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-search #searchText:focus {box-shadow: none; border: 1px solid var(--themecolor);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-search .search-btn {	background-color: transparent;	color: var(--thm-base);font-size: 20px;	position: absolute;	top: 0;	right: 0;bottom: 0;width: 60px;outline: none;border: none;}

main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-search input::-webkit-input-placeholder{
    color:var(--primarycolor);
}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-search input:-moz-placeholder {
    color:var(--primarycolor);
}

main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-post {position: relative;border-radius: 10px;display: block;padding: 20px;background-color: #FFF;margin-top: 30px;box-shadow: 0 0 30px 7px rgba(94, 101, 117, 8%);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-single .post-title {font-size: 22px;color: var(--txttheme);margin-bottom: 10px;font-weight: 600;border-bottom: 2px solid #DFDFDF;padding-bottom: 15px;position: relative;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-single .post-title::after{position: absolute;bottom: -1px;left: 0;content: '';height: 2px;width: 20%;background-color: var(--themecolor);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-post li{position: relative;}
/* main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-post li::before {position: absolute;top: 23px;left: -26px;content: '';height: 16px;width: 16px;background: #f9fbfd;border-radius: 50%;border: 4px solid var(--themecolor);} */
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-post li .post-box{display: flex;align-items: center;padding: 10px;border-left: 2px solid transparent;border-radius: 2px;background-color: transparent;transition: all 500ms ease;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-post li:hover .post-box{background: #E7F1FF;border-left: 2px solid var(--themecolor);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-post .sidebar-post-img {	margin-right: 20px;	max-width: 100px;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-post .sidebar-post-content .sidebar-title {font-size: 15px;line-height: 26px;font-weight: 500;color: var(--txtblack);margin-bottom: 0;}
main .blog-detail-sec .blog-detail-content .sidebar-right .post-list{margin-bottom: 0;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-category {position: relative;border-radius: 10px;display: block;padding: 20px;background-color: #FFF;margin-top: 30px;box-shadow: 0 0 30px 7px rgba(94, 101, 117, 8%);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-category .sidebar-category-list{margin-bottom: 0;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-category .sidebar-category-list li a {position: relative;display: flex;align-items: center;padding: 10px;border-left: 2px solid transparent;border-radius: 2px;background-color: transparent;transition: all 500ms ease;font-size: 15px;line-height: 26px;font-weight: 500;color: var(--txtblack);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-category .sidebar-category-list li a:hover{background: #E7F1FF;border-left: 2px solid var(--themecolor);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-category .sidebar-category-list li.active a{background: #E7F1FF;border-left: 2px solid var(--themecolor);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-category .sidebar-category-list li a .icon-arrow {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);transition: all 500ms ease;opacity: 0;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-category .sidebar-category-list li a:hover .icon-arrow{opacity: 1;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-category .sidebar-category-list li.active a .icon-arrow{opacity: 1;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-tags {position: relative;border-radius: 10px;display: block;padding: 20px;background-color: #FFF; margin-top: 30px;box-shadow: 0 0 30px 7px rgba(94, 101, 117, 8%);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-tags .sidebar-tag-list{display: flex;flex-wrap: wrap;gap: 8px;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-tags .sidebar-tag-list .tag-label {font-size: 14px;color: var(--txtblack);transition: all 0.4s ease;background: #E7F1FF;display: inline-block;padding: 5px 20px;font-weight: 500; border-radius: 3px;}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-tags .sidebar-tag-list .tag-label:hover {background: var(--themecolor);color: var(--secondarycolor);}
main .blog-detail-sec .blog-detail-content .sidebar-right .sidebar-tags .sidebar-tag-list .tag-label.active{background: var(--themecolor); color: var(--secondarycolor);}
/* client reviews block (added at the bottom of a case study from the CMS) */
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-sec{margin-top: 30px;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-list{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;padding-left: 0;margin: 0;list-style: none;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-card{border: 2px solid #DDEBFF;background-color: #F9FBFF;border-radius: 6px;padding: 18px 20px;display: flex;flex-direction: column;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-head{display: flex;align-items: center;gap: 12px;margin-bottom: 10px;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-avatar{flex: 0 0 44px;width: 44px;height: 44px;border-radius: 50%;background: var(--themecolor);color: #fff;font-size: 18px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-name{font-size: 16px;font-weight: 600;color: var(--txtblack);line-height: 22px;margin: 0;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-meta{font-size: 13px;color: #6B7280;line-height: 20px;margin: 0;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-rating{display: flex;align-items: center;gap: 8px;margin-bottom: 8px;font-size: 13px;color: #6B7280;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-stars{color: #F5B400;font-size: 17px;letter-spacing: 1px;line-height: 1;}
main .blog-detail-sec .blog-detail-content .detail-left-sec .review-card .desc{margin-bottom: 0;}
@media (max-width: 767px){main .blog-detail-sec .blog-detail-content .detail-left-sec .review-list{grid-template-columns: 1fr;}}