.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: 40px;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;color: #000;}

.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: 28px;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 strong{color: #000;}
.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{margin-bottom: 40px;background: #fff;}

.blog-details .blog-content .content .table thead{background: #212529;border: 1px solid #212529;}

.blog-details .blog-content .content .table thead th{color: #fff;}

.blog-details .blog-content .content .table tr td:first-child{padding-left: 15px;}

.blog-details .blog-content .content .table tr td{padding: 10px;border: 1px solid #ccc;}

.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;}

}