/* Blog page css start */
	
	.breadcrumb { background: transparent; padding: 0; }
	.breadcrumb-item a { color: var(--text-muted); font-weight: 500; font-size: 18px; }
	.breadcrumb-item.active { color: var(--brand-purple); font-weight: 700; font-size: 18px; }
	.header-height { display: flex; align-items: center; padding-top: 50px; padding-bottom: 80px; }
	.blog-banner-heading { font-weight: 700; color: #000000; line-height: 1; }
	.blog-banner-wrap { width: 100%; }
	.blog-banner-text .b-text { font-size: 18px; color: var(--theme-body); max-width: 520px; margin-bottom: 30px; }
	.blog-search-main { position: relative; margin-left: 245px; }
	.blog-search { background-color: white; border-radius: 12px; overflow: hidden; max-width: 450px; }
	.search-icon-wrapper { display: flex; align-items: center; background-color: white; min-width: 30px; padding: 16px; }
	.search-input { flex: 1; border: none; padding: 12px 16px; font-weight: 500; }
	.search-input::placeholder { color: var(--text-muted); }
	.search-input:focus { outline: none; box-shadow: none; }
	
	/* Blog Listing Section */
	.blog-row-vv1 {
		margin-bottom: 30px;
	}
	.form-select {
		font-size: 13px;
		border-radius: 12px;
		padding: 10px 15px;
	}
	.blog-catagary { display: flex; flex-wrap: wrap; gap: 12px; }
	.blog-catagary-link { text-decoration: none; color: var(--text-dark); transition: all 0.3s ease; }
	.category-btn { padding: 10px 24px; border-radius: 30px; font-weight: 600; border: 1px solid var(--theme-primary); background-color: white; color: var(--text-dark); cursor: pointer; transition: all 0.3s ease; display: inline-block; }
	.category-btn:hover { border-color: var(--brand-purple); color: var(--text-dark); }
	.category-btn.active { background-color: var(--brand-purple); color: white !important; border-color: var(--brand-purple); box-shadow: 0 4px 12px rgba(109, 40, 217, 0.3); }
	.blog-col-vv1 { animation: fadeIn 0.5s ease-in; padding: 0 10px 20px 10px; }
	.blog-box-vv1 { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; }
	.blog-box-vv1:hover { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); }
	.blog-img-vv1 { display: block; overflow: hidden; padding-bottom: 57%; position: relative; margin-bottom: 1rem; }
	.img-overlay-left { position: absolute; top: 15px; left: 15px; border-radius: 9px; padding: 7px; width: 100px; background: rgba(255, 255, 255, 0.8); }
	.img-overlay-left .logo-img { object-fit: cover; align-items: center; display: flex; justify-content: center; }
	.blog-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1); }
	.blog-box-vv1:hover .blog-img { transform: scale(1.05); }
	.blog-box-bottom-vv1 { padding: 24px; flex: 1; display: flex; flex-direction: column; }
	.blog-box-catagary { display: flex; flex-wrap: wrap; gap: 8px;    /* margin-bottom: 12px; */ }
	.blog-box-catagary a { display: inline-block; background-color: #EDE9FE; color: var(--brand-purple); padding: 4px 12px; border-radius: 20px; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
	.blog-box-catagary a:hover { background-color: #DDD6FE; color: var(--theme-primary); }
	.author-pub-date-catagary { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }
	.pub-date { color: var(--text-muted); font-size: 14px; }
	.blog-title-text { font-size: 26px; font-weight: 700; color: #000; text-decoration: none; line-height: 1.4; transition: color 0.3s ease; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
	.blog-title-text:hover { color: var(--brand-purple); text-decoration: underline; }
	.author-name-main { align-items: center; }
	.author-name-vv1 { font-weight: 600; color: var(--text-dark); }
	.pub-time { display: flex; align-items: center; gap: 4px; }
	.pub-time-icon { width: 16px; height: 16px; }
	
	/* Animations */
	@keyframes fadeIn {
		from { opacity: 0; transform: translateY(20px); }
		to { opacity: 1; transform: translateY(0); }
	}
	@keyframes slideIn {
		from { opacity: 0; transform: translateX(-20px); }
		to { opacity: 1; transform: translateX(0); }
	}
	.fade-in { animation: fadeIn 0.5s ease-in; }
	.slide-in { animation: slideIn 0.4s ease-out; }
	.btnloader .loader { display: none; width: 15px; height: 15px; border: 2px solid var(--theme-primary); border-top: 2px solid transparent; border-radius: 50%; animation: spin 0.5s linear infinite; }
	.btnloader.loading .loader { display: inline-block; }
	.btnloader.loading .btntext { display: none; }
	@keyframes spin {
		100% { transform: rotate(360deg); }
	}
	.btn-blog-custum { border-color: var(--theme-primary); padding: 11px 40px; line-height: 1.4; font-size: 16px; background: transparent; color: #000; border-radius: 25px; }

	.b-icons img {
		width: 60px;
		height: 60px;
		color: #4b5563;
		margin-bottom: 10px;
	}


	


	@media (min-width:1600px){
		.container{max-width:1440px;}
	}
	@media (max-width:1599px){
		/* blog page css */
		.breadcrumb-item a {
			font-size: 16px;
		}
		
		.breadcrumb-item.active {
			font-size: 16px;
		}
		
		.blog-search-main {
			margin-left: 185px;
		}
		
		.blog-banner-text .b-text {
			font-size: 16px;
		}
		
		.category-btn {
			font-size: 14px;
			padding: 10px 20px;
			border-radius: 20px;
		}
		
		.category-btn.active {
			font-size: 14px;
		}
		
		.img-overlay-left {
			width: 75px;
		}
		
		.blog-img-vv1 {
			margin-bottom: 5px;
		}
		
		.blog-box-bottom-vv1 {
			padding: 20px;
		}
		
		.blog-box-catagary a {
			font-size: 13px;
		}
		
		.blog-title-text {
			font-size: 22px;
		}
		
		.pub-date {
			font-size: 13px;
		}
		
		.btn-blog-custum {
			font-size: 14px;
			padding: 11px 30px;
		}
	
	}
	@media (max-width:1399px){
	
	}
	@media (max-width:1299px){
		/* blog page css */
		.blog-search-main {
			margin-left: 95px;
		}
		.search-icon-wrapper { padding: 12px; }
	
	}
	@media (max-width:1199px){
		/* blog page css */
		.blog-search-main {
			margin-left: 0px;
		}
	
		.blog-banner-text .b-text {
			margin-bottom: 20px;
		}
		
		.header-height {
			padding-bottom: 50px;
		}
		.blog-title-text {
			font-size: 18px;
		}
		
		.blog-box-catagary a {
			font-size: 12px;
		}
		
		.pub-date {
			font-size: 12px;
		}
		
		.author-pub-date-catagary {
			margin-bottom: 10px;
		}
		
		.blog-box-bottom-vv1 {
			padding: 15px 20px;
		}
		
		.img-overlay-left {
			width: 65px;
			border-radius: 5px;
			padding: 5px;
		}
		/* .blog-col-vv1 {
			padding: 0 10px 20px 10px;
		} */
		.category-btn.active {
			font-size: 13px;
		}
		.category-btn {
			font-size: 13px;
			padding: 10px 18px;
		}

	}
	
	/*=========================================================
	// Medium devices (tablets, less than 991px)
	===========================================================*/
	@media (max-width:991px){
			/* blog page css */
			.breadcrumb-item a {
				font-size: 15px;
			}
			
			
			.breadcrumb-item.active {
				font-size: 15px;
			}
			
			.blog-banner-text .b-text {
				font-size: 15px;
				max-width: 325px;
				margin-bottom: 30px;
			}
	
			.blog-search {
				max-width: 345px;
			}
			.category-btn {
				padding: 10px 15px;
			}
			.b-icons img {
				width: 40px;
				height: 40px;
				margin-bottom: 20px;
			}
			
	
	}
	
	/*=========================================================
	// Small devices (landscape phones, less than 767px)
	===========================================================*/
	@media (max-width:767px){
			/* blog page css */
			.blog-search {
				max-width: none;
			}
			.category-btn {
				padding: 10px 13px;
				font-size: 12px;
			}
	
			.blog-catagary {
				gap: 10px;
			}
			.img-overlay-left {
				width: 80px;
			}
			.blog-title-text {
				font-size: 16px;
				margin-bottom: 5px;
			}
			.breadcrumb-item a {
				font-size: 14px;
			}
			
			.breadcrumb-item.active {
				font-size: 14px;
			}
			.blog-title-text {
				font-size: 16px;
				margin-bottom: 5px;
			}
	
			.blog-col-vv1 {
				padding: 0 12px 15px 12px;
			}
	
	}
	@media (max-width:575px){
	
	}
	@media (max-width:481px){
	
	}
	@media (max-width:380px){
	
	}



	
/*Blog Details CSS Start*/

.blog-details-sec .blog-details-wp h2{font-size:36px;}
.blog-details-sec .blog-details-wp h3{font-size:30px;}
.blog-details-sec .blog-details-wp h4{font-size:28px;}
.blog-details-sec .blog-details-wp h5{font-size:24px;}
.blog-details-sec .blog-details-wp h6{font-size:20px;}

.blog-details-sec .blog-details-wp h1,
.blog-details-sec .blog-details-wp h2,
.blog-details-sec .blog-details-wp h3,
.blog-details-sec .blog-details-wp h4,
.blog-details-sec .blog-details-wp h5,
.blog-details-sec .blog-details-wp h6 { line-height: 1.2; font-weight: 700; margin-bottom: 10px; margin-top: 20px; color: #000000;}
.blog-details-sec .blog-details-wp p{font-size:16px;line-height: 26px;font-weight: 400;margin-bottom: 10px;}
.blog-details-sec a{color: #475569}

.blog-details-page .blog-img img{width:100%;height:auto;}
.blog-details-page .blog-details-img .blog-img{margin-bottom:30px;}

.blog-details-sec ol{list-style-type:decimal;margin:15px 0px 25px;padding-left:0px;}
.blog-details-sec ul{list-style:disc;margin:15px 0px 25px;padding-left:0px;}
.blog-details-sec li{margin-bottom:10px;font-size:18px;color:#000000;line-height:24px;font-weight:400;list-style: none;}
.blog-details-sec ol ol{list-style:upper-roman;padding-left:10px;}
.blog-details-sec ol ol ol{list-style:lower-alpha;}
.blog-details-sec ul ul{list-style:circle;padding-left:10px;}
.blog-details-sec ul ul li{margin-left:25px;}
.blog-details-sec ul ol li::marker{font-size:unset;}
.blog-details-sec blockquote{max-width:100%;text-align:left;margin:25px 0px;padding:25px 20px;font-size:16px;font-weight:400;line-height:1.4;color:#443185;background:#f5f5f7;border-left:4px solid #443185;}
.blog-details-sec b,.blog-details-sec strong{font-weight:700}

.blog-details-content img{max-width:100%;height:auto;border-radius:12px;position:relative;}
.blog-details-content .blog-details-img{padding:0px 0px 40px;}
.service-tags-main .service-tags-group:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(102,102,102,0.5);}
.service-tags-group .service-tags-label{font-size:14px;line-height:1.4;}
.service-tags-main{border:1px solid rgba(0,0,0,0.2);border-radius:8px;padding:24px 18px;}
.service-tags-group ul{list-style:none;margin:0px;padding:0px;display:flex;flex-wrap:wrap;}
.service-tags-group ul li{margin:0px;font-size:15px;padding:8px 8px 0px 0px;}
.service-tags-group ul li a{padding:8px 16px 9px;font-size:13px;border-radius:40px;border:1px solid #a7a9af;color:#000;line-height:1.3;font-weight:700;text-transform:capitalize;}
.service-tags-group ul li a:hover{border-color:#000;}

.contents-main {
    background: var(--theme-grey);
    padding: 20px;
    border-radius: 15px;
}
.contents-main .contents-title{font-size:24px;font-weight:600;margin-bottom:20px;}
.contents-ul-main ul{list-style:none;margin:0px;padding:0px;overflow-x:auto;max-height:calc(-300px + 100vh);}
.contents-ul-main ul li{margin:0px 0px 8px;padding:0px;}
.contents-ul-main ul li a{color:#000000;font-size:15px;font-weight:500;line-height:1.4;}
.contents-ul-main ul li a:hover{color:#443185;text-decoration: underline;}



.back-blog-main .back-link{display:inline-block;width:32px;height:32px;flex: 0 0 auto; transition-timing-function:cubic-bezier(0.12,0.77,0.16,0.93);transition-duration:0.3s;transition-property:background-color,color;border-radius:50%;overflow:visible;background:#000;display:flex;align-items:center;justify-content:center;margin-right:2px;}
.back-blog-main .back-link svg{fill:#fff;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;width:10px;height:10px;display:inline-block;overflow:visible;}
.back-blog-main .back-link:hover{background-color:#f05d28;}
.back-blog-main{display:flex;align-items:center;margin-bottom:40px;}
.back-blog-main .taglink-main{display:flex;flex-direction:column;position:relative;min-height:32px;align-items:center;justify-content:center;background:linear-gradient(270deg,#f05d28 0%,#ff9e3d 100%);border-radius:25px;overflow:hidden;}
.back-blog-main .taglink-main .taglink-text{display:inline-block;text-transform:uppercase;padding:0 16px 3px;top:0px;bottom:0px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;transform: translateY(0%);transition:all 400ms ease;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;}
.back-blog-main .taglink-main .taglink-text.v2{position:absolute;left:0px;right:0px;top: 100%;bottom:0px;transform:translateY(100%);color:#000;max-height: 32px;}
.back-blog-main .taglink-main:hover .taglink-text{transform:translateY(-100%);}
.back-blog-main .taglink-main:hover .taglink-text.v2{transform: translateY(0%);top: 20%;height: 22px;}

.blog-person-info-main{display:flex;align-items:center;flex-wrap:wrap;}
.blog-person-img{border-radius:50%;width:56px;height:56px;flex:0 0 auto;margin:12px 16px 12px 0px;}
.blog-person-img img{width:100%;height:100%;object-fit:cover;border-radius:100%;object-position:top;}
.blog-person-info-main .blog-person-info{display:flex;flex-direction:column;}
.blog-person-info-main .blog-person-info .title{font-size:16px;font-weight:600;color:#000;display:inline-block;width:100%;}
.blog-person-info-main .blog-person-info .sub-title{display:inline-block;font-size:14px;color:#666;}

/* .blog-similar-main .blog-row-vv1 .blog-col-vv1 {margin-bottom: 30px; } */

.contents-social-blog-main ul.social-link{display:flex;list-style:none;margin:20px 0px;
	/* padding-top:20px; */
	flex-wrap:wrap;
	/* border-top:1px solid #666; */
}
.contents-social-blog-main ul.social-link li{margin:0px 20px 10px 0px;padding:0px;}
.contents-social-blog-main ul.social-link li a{width:45px;height:45px;text-align:center;display:flex;align-items:center;justify-content:center;border:1px solid #000;color:#000;border-radius:100%;background:transparent;}
.contents-social-blog-main ul.social-link li a i{padding-top:3px;font-size:19px;}
.contents-social-blog-main ul.social-link li a:hover{color:#fff;border-color:#433185;background:#433185;}

.offcanvas-body.blog-sidebar-body{width:100%;max-width:100%;padding-bottom:60px;padding-top:60px;padding-left:20px;padding-right:30px;position: relative;}
.blog-sidebar-main{width:100%;max-width:600px;background:#000;}
.blog-sidebar-main .blog-sidebar-body .title-sidebar h2{font-size:min(2.5vw,44px);color:#fff;}
.blog-sidebar-main .btn-close{filter:brightness(0) invert(1);position: absolute;top: 15px;right: 15px; background-color: transparent;}

.blog-sidebar-img{
	/*border:1px solid rgba(125,131,135,0.5);*/
	border-radius:10px;margin:40px auto 60px;padding:10px;max-width:80%;}
.blog-sidebar-img img{display:block;
	/*transform:scale(0.9); */
	   max-height: 25vh; margin: 0 auto;}
.blog-sidebar-main p{font-size:15px;line-height:1.6;}
.blog-sidebar-main .form-control{background:#212121;border-left:none;border-top:none;border-right:none;color: #fff;}
.blog-sidebar-main:after {background: #433185; background: #000;
background: -webkit-linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(67, 49, 133, 1) 44%, rgba(0, 0, 0, 1) 100%);
background: -moz-linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(67, 49, 133, 1) 44%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(67, 49, 133, 1) 44%, rgba(0, 0, 0, 1) 100%);
 content: ''; position: absolute; top: 0px; bottom: 0px; right: 100%; width: 12px; }



.blog-d-need-discuss {padding: 1.5rem 1rem; border-radius: 1rem; background-color: #0A0A0A; margin-top: 25px; }
.blog-d-need-discuss p{font-size:15px!important;line-height:1.7!important;}
.blog-d-need-discuss .btn{font-size:15px;}


.checkbox-container{font-size:14px;color:#ffffff;max-width:500px;}
.custom-checkbox{cursor:pointer;position:relative;padding-left:26px;line-height:1.4;}
.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{position:absolute;top:2px;left:0;height:16px;width:16px;background-color:transparent;border:1.5px solid #ccc;border-radius:2px;}
.custom-checkbox input:checked ~ .checkmark{background-color:#433185;border-color:#433185;}
.checkmark::after{content:"";position:absolute;display:none;}
.custom-checkbox input:checked ~ .checkmark::after{display:block;}
.custom-checkbox .checkmark::after{left:4px;top:0px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}
.privacy-link{text-decoration:none;color: #433185;}
.privacy-link:hover{text-decoration:underline;}


.img-overlay-left-d {
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 9px;
    padding: 7px;
    width: 160px;
    background: rgba(255, 255, 255, 0.8);
}

.img-overlay-left-d .logo-img-d {
    object-fit: cover;
    align-items: center;
    display: flex;
    justify-content: center;
}


 @media (min-width: 1200px) { 

.blog-details-sec .blog-details-wp h1{font-size:min(4.44444vw, 42px); color: #000000;}

 }

 @media (min-width: 1500px) { 

.blog-details-sec .blog-details-wp h1{font-size:min(4.44444vw, 55px);}

 }

@media (max-width: 1499px) {

.contents-social-blog-main ul.social-link li a{width:40px;height:40px;}
.contents-social-blog-main ul.social-link li a i{font-size:17px;padding-top:1px;}
.contents-social-blog-main ul.social-link li{margin:0px 12px 10px 0px;}
.blog-d-need-discuss p {font-size: 14px !important; line-height: 1.5 !important; }
}



@media (max-width: 1199px) {

.blog-details-sec .blog-details-wp h1{font-size: 34px;}
.blog-details-sec .blog-details-wp h2{font-size: 32px;}
.blog-details-sec .blog-details-wp h3{font-size: 26px;}
.blog-details-sec .blog-details-wp h4{font-size: 24px;}
.blog-details-sec .blog-details-wp h5{font-size: 22px;}
.blog-details-sec .blog-details-wp h6{font-size: 18px;}

.blog-details-sec .blog-details-wp p{font-size:14px;}
.blog-details-sec li{font-size:14px;}
.contents-ul-main ul li a{font-size:14px;}
.service-tags-main{padding:20px 14px;}
.service-tags-group ul li a{font-size:12px;}
.contents-ul-main ul {max-height: unset; overflow-x: auto; }
.contents-main .contents-title {font-size: 20px; font-weight: 600; margin-bottom: 15px; }
.contents-main {margin-bottom: 40px;}
.blog-sidebar-main .blog-sidebar-body .title-sidebar h2 {font-size: 30px; }

.blog-details-sec.header-height {
    padding-bottom: 30px;
    padding-top: 30px;
}
}

@media (max-width: 991px) {
	.img-overlay-left-d {
        width: 100px;
        border-radius: 5px;
        padding: 5px;
    }
}

@media (max-width: 767px) {   

.blog-details-sec .blog-details-wp h1{font-size: 30px;}
.blog-details-sec .blog-details-wp h2{font-size: 28px;}
.blog-details-sec .blog-details-wp h3{font-size: 24px;}
.blog-details-sec .blog-details-wp h4{font-size: 22px;}
.blog-details-sec .blog-details-wp h5{font-size: 20px;}
.blog-details-sec .blog-details-wp h6{font-size: 16px;}

.blog-details-sec .blog-details-wp p{font-size: 14px;line-height: 24px;}
.blog-details-sec li{font-size:14px;
	/* margin-left: 25px; */
	padding-left: 2px;}
.contents-main {margin-bottom: 20px; }

.img-overlay-left-d {
	width: 80px;
}

}


@media (max-width: 481px) {

.details-banner-main h2{font-size:30px!important;line-height:38px!important; margin-bottom: 10px !important;}
.blog-details-sec .blog-details-wp h1{font-size:28px;}
.blog-details-sec .blog-details-wp h2{font-size:24px;}
.blog-details-sec .blog-details-wp h3{font-size:22px;}
.blog-details-sec .blog-details-wp h4{font-size:20px;}
.blog-details-sec .blog-details-wp h5{font-size:18px;}
.blog-details-sec .blog-details-wp h6{font-size:14px;}
.blog-details-sec .blog-details-wp p{font-size:14px;line-height:24px;}

}