.blog-details{background: #fff;}
.blog-details .blog-image img{height: 450px;width: 100%;object-fit: cover;filter: brightness(0.7);}
.blog-details .blog-image{position: relative;}
.blog-details .blog-image .overlay{text-align: center; position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);}
.blog-details .blog-image .overlay h1{font-family: 'Poppins', sans-serif; color: #fff; padding: 5px 10px;border-bottom: 1px solid #ffffff59;text-shadow: 0px 0px 10px #333;}
.blog-details .blog-image .overlay h6{font-family: 'Poppins', sans-serif; color: #fff;}
.blog-details .blog-content{padding: 40px 0px;}
.blog-details .blog-content .content{margin-right: 20px;}
.blog-details .blog-content .content h1{font-family: 'Poppins', sans-serif;font-size: 36px;font-weight: 700;color: #333;margin-bottom: 15px;}
.blog-details .blog-content .content h2{font-family: 'Poppins', sans-serif;font-size: 30px;font-weight: 700;margin: 0px;margin-bottom: 15px;}
.blog-details .blog-content .content h3{font-family: 'Poppins', sans-serif;font-size: 24px;font-weight: 700;color: #333;margin-bottom: 15px;}
.blog-details .blog-content .content h4{font-family: 'Poppins', sans-serif;font-size: 20px;font-weight: 700;color: #333;margin-bottom: 15px;}
.blog-details .blog-content .content h5{font-family: 'Poppins', sans-serif;font-size: 18px;font-weight: 700;color: #333;margin-bottom: 15px;}
.blog-details .blog-content .content h6{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 400;color: #999;margin-bottom: 25px;}
.blog-details .blog-content .content h6 a{color: #999;text-decoration: underline;font-weight: 400}
.blog-details .blog-content .content h6 a:hover{color: #111;}
.blog-details .blog-content .content p{font-size: 16px;padding: 0px;margin-bottom: 15px;line-height: 32px;color: #111;}
.blog-details .blog-content .content p a{font-weight: 500;}
.blog-details .blog-content .content p b{font-style: italic;}
.blog-details .blog-content .content p a:hover{text-decoration: underline;}
.blog-details .blog-content .content img{width: 100%;height: auto;margin-bottom: 35px;border-radius: 10px;margin-top: 10px;}
.blog-details .blog-content .content ol{ padding-bottom: 15px;}
.blog-details .blog-content .content ol li{padding-left: 40px; position: relative; display:block;margin-bottom: 10px;font-weight: 500;}
.blog-details .blog-content .content ol li:before{background: url(../images/svgicon/arro-skip.svg);width: 18px;height: 18px;left: 0;top: 5px;content: "";position: absolute;background-size: 100% 100%;}
.blog-details .blog-content .content ol li i{padding: 6px;border-radius: 4px;font-size: 12px;background: #f5f5f5;margin-right: 5px;}
.blog-details .blog-content .content ol li a{color:#0d6efd; }
.blog-details .blog-content .content ol li a:hover{text-decoration: underline;}
.blog-details .blog-content .content iframe{width: 100%;margin-bottom: 15px;}
.blog-details .blog-content .content ul{margin-left: 16px;padding-bottom: 15px;}
.blog-details .blog-content .content ul li{padding-left: 40px; position: relative; display:block;margin-bottom: 20px;font-weight: 500;}
.blog-details .blog-content .content ul li:before{background: url(../images/svgicon/check-mark.svg);width: 18px;height: 18px;left: 0;top: 5px;content: "";position: absolute;background-size: 100% 100%;}
.blog-details .blog-content .content ul li i{padding: 6px;border-radius: 4px;font-size: 12px;background: #f5f5f5;margin-right: 5px;}
.blog-details .blog-content .content ul li a{color: #0d6efd;}
.blog-details .blog-content .content ul li a:hover{text-decoration: underline;}
.blog-details .blog-content .content ul li a i{color: #0d6efd;}
.blog-details .blog-content .content blockquote{background: #f5f5f5;padding: 20px;margin-left:15px;border-left: 4px solid #333;}
.blog-details .blog-content .content table,
.blog-details .blog-content .content .table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
	margin: 28px 0 36px 0 !important;
	background: #ffffff !important;
}
.blog-details .blog-content .content table thead,
.blog-details .blog-content .content .table thead {
	background: #f8fafc !important;
	border: none !important;
}
.blog-details .blog-content .content table thead th,
.blog-details .blog-content .content .table thead th {
	color: #0f172a !important;
	background-color: #f8fafc !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	padding: 13px 18px !important;
	border-top: none !important;
	border-left: none !important;
	border-bottom: 2px solid #e2e8f0 !important;
	border-right: 1px solid #e2e8f0 !important;
}
.blog-details .blog-content .content table th,
.blog-details .blog-content .content .table th {
	color: #0f172a !important;
	background-color: #f8fafc !important;
	font-weight: 700 !important;
	padding: 13px 18px !important;
	border-top: none !important;
	border-left: none !important;
	border-bottom: 1px solid #e2e8f0 !important;
	border-right: 1px solid #e2e8f0 !important;
}
.blog-details .blog-content .content table tr td,
.blog-details .blog-content .content .table tr td {
	padding: 13px 18px !important;
	border-top: none !important;
	border-left: none !important;
	border-bottom: 1px solid #e2e8f0 !important;
	border-right: 1px solid #e2e8f0 !important;
	color: #334155 !important;
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	vertical-align: middle !important;
	background: #ffffff;
}
.blog-details .blog-content .content table tr td:last-child,
.blog-details .blog-content .content table tr th:last-child {
	border-right: none !important;
}
.blog-details .blog-content .content table tr:last-child td,
.blog-details .blog-content .content table tr:last-child th {
	border-bottom: none !important;
}
.blog-details .blog-content .content table tr:nth-child(even) td {
	background-color: #fbfcfe !important;
}
.blog-details .blog-content .content table tr:hover td {
	background-color: #f1f5f9 !important;
}
.blog-details .blog-content .content .comments{padding-top: 20px;border-top: 1px dashed #999;}
.blog-details .blog-content .content .comments .comments-list{ margin-top: 20px;}
.blog-details .blog-content .content .comments .p-one{background-color: #666;color: #fff;border:none; margin-top: 35px;}
.blog-details .blog-content .content .comments .first-btn{font-weight: 700; background-color: transparent;color: #333;font-size: 20px;}
.blog-details .blog-content .content .comments .btn-primary{background-color: #0082d6;}
.blog-details .blog-content .content .comments .btn:focus{border:none; outline: none; box-shadow: none;}
.blog-details .blog-content .content .comments .comments-list .list-1 h4{font-size: 18px;font-weight: 500;color: #333;margin-bottom: 10px;}
.blog-details .blog-content .content .comments .comments-list .list-1 h3{font-size: 15px;font-weight: 400;color: #666; margin-bottom: 10px;}
.blog-details .blog-content .content .comments .comments-list .list-1 {margin-bottom: 15px;background-color: #f6f8fa;padding:15px;border-radius: 10px;}
.blog-details .blog-content .content .comments .comments-list {margin-bottom: 30px;border-bottom: 1px dashed #999;}
.blog-details .blog-content .content .comments textarea{margin-bottom: 15px!important;}
.side-blog{padding: 25px;background: #f5f5f5;}
.side-blog a{color: #333;font-weight: 600;}
.side-blog h1{font-family: 'Poppins', sans-serif;border-bottom: 1px dashed #ccc;padding-bottom: 10px; font-size: 24px;font-weight: 700;color: #333;margin-bottom: 20px;}
.side-blog .content1{display: flex; padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #e1e1e1;}
.side-blog .content1 h6{font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 300;margin-top: 5px;}
.side-blog .content1 h6 i{font-size: 12px;}
.side-blog .content1 a:hover{text-decoration: underline;}
.side-blog .content1 img{height: 70px;width: 70px;object-fit: cover;margin-right: 15px;border-radius: 4px;}

@media (max-width: 991px) { 
.blog-details .blog-content .content{margin-right: 0px;}
.blog-details .blog-content .content .my-table{overflow-x: scroll;}
.blog-details .blog-content .content .my-table .table{width: 1000px;}
}