/* blog-page */
main .blog-title-bg .content-bg{background: var(--sectionbackground);text-align: center; padding: 50px 0;}
main .blog-title-bg .content-bg .description {display: flex;justify-content: center;}
main .blog-title-bg .content-bg .description .desc-width .title {font-weight: 800;font-size: 37px; color: var(--txttheme);line-height: 48px;margin-bottom: 15px;}
main .blog-title-bg .content-bg .description .desc-width .headerLine {	width: 160px;	height: 2px;vertical-align: top;display: inline-block;vertical-align: top;	background: #69A9E3;}
main .blog-title-bg .content-bg .description .desc-width .text{font-weight: 300;font-size:28px;line-height: 48px;}

/* blog-content-sec */
main .blog-sec .blog-main-left .blog-content-single{position: relative;	display: block;	margin-bottom: 30px;}
main .blog-sec .blog-main-left .blog-content-single .title{font-size: 25px;font-weight: 500;margin-bottom: 20px;color: var(--txtblack);line-height: 35px;}
main .blog-sec .blog-main-left .blog-content-single .blog-date{position: relative;display: block;background-color: var(--primarycolor);}
main .blog-sec .blog-main-left .blog-content-single .blog-date .single-date-box{background-color: var(--themecolor);padding: 0 20px;max-width: 86px;}
main .blog-sec .blog-main-left .blog-content-single .blog-date .single-date-box p{font-size: 12px;font-weight: 700;margin: 0;letter-spacing: 1px;color: var(--secondarycolor); line-height: 34px; text-transform: uppercase;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box{background-color: #EAF3FF;padding: 15px;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .name{padding-left: 0;margin-bottom: 0;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .name li{font-size: 14px;font-weight: 500;margin-top: 15px;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .title{font-size: 34px;font-weight: 700;line-height: 46px;margin-bottom: 20px;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .title a{color: var(--primarycolor);background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 87% / 0px 2px no-repeat;transition: all 500ms ease;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .title a:hover{background-size: 100% 2px;color: var(--txttheme);}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box p{font-size: 15px;line-height: 24px;margin-bottom: 10px;color: var(--txtgrey); font-weight: 500;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .read-btn{position: relative;	display: inline-block;	font-size: 14px;font-weight: 700;color: var(--txtblack);transition: all 500ms ease;	letter-spacing: 0.7px;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .read-btn::before{position: absolute;bottom: 0;left: 0;height: 2px;width: 15px;content: "";background-color: currentColor;transition: all 500ms ease;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .read-btn:hover:before{width: 100%; background: var(--themecolor);}
main .blog-sec .blog-main-left .blog-content-single .blog-content-box .read-btn:hover{color: var(--txttheme);}

/* blog-img-sec */
main .blog-sec .blog-main-left .blog-content-single .blog-content-img{position: relative;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-img .blog-date-box{position: absolute;bottom: 0;left: 0;background-color: var(--themecolor);padding: 0 20px;}
main .blog-sec .blog-main-left .blog-content-single .blog-content-img .blog-date-box p{	font-size: 12px;font-weight: 700;text-transform: uppercase;margin: 0;letter-spacing: var(--thm-letter-space-big);color: var(--secondarycolor);line-height: 34px;}

/* blog-sidebar-sec */
main .blog-sec .sidebar-right .sidebar-search .sidebar__search-form {position: relative;}
main .blog-sec .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-sec .sidebar-right .sidebar-search #searchText:focus {box-shadow: none; border: 1px solid var(--themecolor);}
main .blog-sec .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-sec .sidebar-right .sidebar-search input::-webkit-input-placeholder{
    color:var(--primarycolor);
}
main .blog-sec .sidebar-right .sidebar-search input:-moz-placeholder {
    color:var(--primarycolor);
}

main .blog-sec .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-sec .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-sec .sidebar-right .sidebar-single .post-title::after{position: absolute;bottom: -1px;left: 0;content: '';height: 2px;width: 20%;background-color: var(--themecolor);}
main .blog-sec .sidebar-right .sidebar-post li{position: relative;}
/* main .blog-sec .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-sec .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-sec .sidebar-right .sidebar-post li:hover .post-box{background: #E7F1FF;border-left: 2px solid var(--themecolor);}
main .blog-sec .sidebar-right .sidebar-post .sidebar-post-img {	margin-right: 20px;	max-width: 100px;}
main .blog-sec .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-sec .sidebar-right .post-list{margin-bottom: 0;}
main .blog-sec .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-sec .sidebar-right .sidebar-category .sidebar-category-list{margin-bottom: 0;}
main .blog-sec .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-sec .sidebar-right .sidebar-category .sidebar-category-list li a:hover{background: #E7F1FF;border-left: 2px solid var(--themecolor);}
main .blog-sec .sidebar-right .sidebar-category .sidebar-category-list li.active a{background: #E7F1FF;border-left: 2px solid var(--themecolor);}
main .blog-sec .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-sec .sidebar-right .sidebar-category .sidebar-category-list li a:hover .icon-arrow{opacity: 1;}
main .blog-sec .sidebar-right .sidebar-category .sidebar-category-list li.active a .icon-arrow{opacity: 1;}
main .blog-sec .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-sec .sidebar-right .sidebar-tags .sidebar-tag-list{display: flex;flex-wrap: wrap;gap: 8px;}
main .blog-sec .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-sec .sidebar-right .sidebar-tags .sidebar-tag-list .tag-label:hover {background: var(--themecolor);color: var(--secondarycolor);}
main .blog-sec .sidebar-right .sidebar-tags .sidebar-tag-list .tag-label.active{background: var(--themecolor); color: var(--secondarycolor);}