*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0}
body{margin: 0; padding: 0; font-family: 'Montserrat', sans-serif !important; overflow-x:hidden !important;}
img{max-width: 100%; max-height: 100%;}
button{outline: 0 !important;}
:focus{outline: 0 !important;}
.cf:after,.cf:before{content:"";display:table}
.cf:after{clear:both}
.cl{clear: both;}
.paddingLR0{padding-left: 0 !important; padding-right: 0 !important;}
.content-main{max-width: 1070px; margin: auto;}
.posR{position: relative;}

/* Blog bg Start */
.blog-bg{background: url(../images/blog/blog-bg.jpg) no-repeat center center; position: relative; background-size: cover; height: 400px; margin-top: 68px;}
.blog-bg p{text-align: center; font-size: 24px; color: #000; text-transform: uppercase; font-weight: 600; background: #fbfbfb; display: table; padding: 9px 30px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
/* Blog bg Finish */

.latest-sidebar-section{margin: 40px 0;}


/* Blog Listing Start */
.blog-head{margin-bottom: 35px; position: relative; font-size: 16px; font-weight: 500; color: #000;}
.blog-head:before{content: ""; position: absolute; width: 75px; height: 2px; background: #ddd; bottom: -12px; left: 0;}
.blog-listing-div{margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px dashed #f3f3f3;}
.blog-listing-img{position: relative; height: 378px; background: rgba(0,0,0,.05) url(../images/blog-logo-bg.png)no-repeat center center;}
.blog-listing-img img{width: 100%; height: 100%;}
/* .blog-listing-img font {position: absolute; background: rgba(0,0,0,0.6); padding: 5px 7px; font-size: 10px; font-weight: 500; top: 10px; left: 10px; color: #fff; text-rendering: auto;} */
.blog-listing-img font {
    position: absolute;       /* wapas absolute chahiye */
    top: 10px;             /* image ke upar neeche side */
    left: 10px;

    display: inline-block;
    margin-right: 6px;

    background: rgba(0,0,0,0.7);
    padding: 5px 7px;
    font-size: 10px;
    color: #fff;

    z-index: 2;
}
.blog-listing-img font:nth-of-type(1){
    left: 10px;
}

.blog-listing-img font:nth-of-type(2){
    left: 100px;      /* second tag thoda right */
}

.blog-listing-img font:nth-of-type(3){
    left: 220px;
}


.blog-listing-img span {position: absolute; background: rgba(0,0,0,0.6); padding: 5px 7px; font-size: 10px; font-weight: 500; top: 10px; right: 10px; color: #fff; text-rendering: auto;}
.blog-listing-img span i{font-size: 12px; vertical-align: middle; margin-right: 2px; margin-top: -2px;}
.blog-listing-detail h3>a{font-size: 18px; text-align: left; line-height: 24px; font-weight: 500; color: #1a1a1a !important; text-decoration: none !important; margin: 20px 0 10px 0; display: block;}
.blog-listing-detail p{font-size: 13px; line-height: 22px; font-weight: 400; color: #858585; text-align: justify;}
.blog-listing-detail a{font-size: 13px; text-align: right; display: block; margin-top: 10px; color: #ec583d; font-weight: 500; text-decoration: none;}
.blog-listing-detail a>i{vertical-align: middle; font-size: 18px; margin-top: -2px;  margin-left: 2px;}
.load-more-blog{display: table; margin: auto; background: no-repeat; border: 1px solid #f62121; color: #f62121; padding: 10px 23px; font-weight: 500; border-radius: 5px; transition: 0.25s;}
.load-more-blog:hover{background: #f62121; color: #fff;}

.popular-article-div{padding: 0 0px 0 10px; margin-bottom: 30px;}
.popular-article-box{margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;}
.popular-article-box h3{font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.popular-article-box h3 a{color: #1a1a1a; display: block; line-height: 22px; text-decoration: none;}
.popular-article-catgry{background: #f62121; color: #fff; padding: 5px; margin-right: 5px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-catgry a{color: #fff; text-decoration: none;}
.popular-article-author{color: #000; border-right: 1px solid #ddd; padding-right: 9px; margin-right: 5px; font-size: 11px; font-weight: 600; display: inline-block; vertical-align: middle;}
.popular-article-author a{color: #000; text-decoration: none;}
.popular-article-date{color: #858585; margin-right: 5px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-comment{color: #000; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-comment i{vertical-align: middle; margin-top: -1px; margin-right: 1px;}
.popular-article-box:hover h3 a{color: #f62121;}

.popular-category-div{padding: 0 0px 0 10px; margin-bottom: 30px;}
.popular-category-div ul{margin: 0; padding: 0; list-style: none;}
.popular-category-div ul li{float: none;}
.popular-category-div ul li a{display: block; text-decoration: none; color: #1a1a1a; font-size: 14px; font-weight: 500; margin-bottom: 12px;}
.popular-category-div ul li a span{float: right;}
.popular-category-div ul li a:hover{color: #f62121;}

.advertisement-div{padding: 0 0px 0 10px;}
.advertisement-div img{border: 1px dashed #f7f7f7; padding: 10px; border-radius: 5px;}
/* BLog Listing Finish 

/* Blog Detail Start */
.blog-detail-margin{margin:88px 0 30px 0;}
.blog-dteial-img-div{position: relative; margin: 15px 0; height: 378px; background: rgba(0,0,0,.05) url(../images/blog-logo-bg.png)no-repeat center center;}
.blog-detail-img{width: 100%; height: 100%;}
.blog-detail-div h1{font-size: 24px; line-height: 32px; color: #1a1a1a; font-weight: 500; margin-bottom: 8px;}
.popular-article-catgry-dtl{background: #858585; color: #fff; padding: 2px 7px; margin-right: 6px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-catgry-dtl a{color: #fff; text-decoration: none;}
.popular-article-author-dtl{color: #000; border-right: 1px solid #ddd; padding-right: 9px; margin-right: 6px; font-size: 11px; font-weight: 600; display: inline-block; vertical-align: middle;}
.popular-article-author-dtl a{color: #000; text-decoration: none;}
.popular-article-date-dtl{color: #858585; margin-right: 6px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle;}
.popular-article-comment-dtl{color: #000; font-size: 11px; font-weight: 600; display: inline-block; vertical-align: middle;}
.popular-article-comment-dtl i{vertical-align: middle; margin-top: -1px; margin-right: 1px;}
.blog-detail-detail-box p{font-size: 13px; line-height: 24px; color: #1a1a1a; font-weight: 500; text-align: justify; margin-bottom: 18px;}
.blog-detail-detail-box table{font-size: 13px; line-height: 24px; color: #1a1a1a; font-weight: 500; text-align: justify; margin-bottom: 18px;}
.blog-detail-detail-box p a{color: #f62121 !important;}
.blog-detail-detail-box h1{font-size: 21px; color: #444; margin-bottom: 10px;}
.blog-detail-detail-box h1 strong{font-weight: 500;}
.blog-detail-detail-box h2{font-size: 21px; color: #444; margin-bottom: 15px;}
.blog-detail-detail-box h2 strong{font-weight: 500;}
.blog-detail-detail-box h3{font-size: 18px; color: #444; margin-bottom: 15px;}
.blog-detail-detail-box h3 strong{font-weight: 500;}
.blog-detail-detail-box h4{font-size: 17px; color: #444; margin-bottom: 10px;}
.blog-detail-detail-box h4 strong{font-weight: 500;}
.blog-detail-detail-box blockquote{margin-bottom: 15px; font-size: 13px; padding-left: 10px;}
.blog-detail-detail-box blockquote a{color: #f62121 !important;}
.blog-detail-detail-box blockquote strong{font-weight: 600;}
.blog-detail-detail-box pre{margin-bottom: 15px; font-size: 13px; padding: 10px; white-space: initial;}
.blog-detail-detail-box pre a{color: #f62121 !important;}
.blog-detail-detail-box pre strong{font-weight: 600;}
.blog-detail-detail-box ul{margin: 0 0 0 15px; padding: 0;}
.blog-detail-detail-box ul li{float: none; font-size: 12px; line-height: 24px; color: #444; font-weight: 500; text-align: justify; margin-bottom: 12px;}

.blog-detail-author{border-top:1px solid #eaeaea; padding-left: 90px; padding-top: 35px; padding-bottom: 35px; margin-top: 30px; position: relative; min-height: 100px;}
.blog-detail-author img{position: absolute; top: 35px; left: 0px; width: 70px;}
.blog-detail-author h5{font-size: 15px; font-weight: 600; color: #1a1a1a; margin-bottom: 8px;}
.blog-detail-author a{font-size: 12px; color: #555; font-weight: 500; display: table; margin-bottom: 5px;}
.blog-detail-author p{font-size: 12px; line-height: 24px; color: #858585; font-weight: 500; text-align: justify;}

.blog-comment-form{background: #f7f7f7; padding: 30px 15px;}
.blog-comment-form h5{font-size: 17px; font-weight: 600; position: relative; color: #1a1a1a; margin-bottom: 35px; margin-left: 15px; text-transform: capitalize;}
.blog-comment-form h5:before{content: ""; position: absolute; width: 75px; height: 2px; background: #ddd; bottom: -12px; left: 0;}
.blog-comment-form-box{margin-bottom: 25px; position: relative;}
.blog-comment-form-box i{position: absolute; top: 15px; left: 10px;}
.blog-comment-form-box input{border-bottom: 1px solid #eaeaea !important; padding-left: 30px; border:none; width: 100%; height: 45px; font-size:13px;}
.blog-comment-form-box textarea{border-bottom: 1px solid #eaeaea !important; padding: 13px 13px 13px 30px; border:none; width: 100%; height: 110px; font-size:13px;}
.blg-dtl-commnt-btn{background: none; border: 1px solid #bbb; width: 120px; height: 45px; font-size: 15px; font-weight: 600; color: #aaa; margin-left: 15px; margin-top: -8px; border-radius: 5px;}
.blg-dtl-commnt-btn:hover{background: #e53f06; color: #fff; border-color: #e53f06;}

.blog-comment-div{margin-top: 30px;}
.blog-comment-div h5{font-size: 17px; font-weight: 600; position: relative; color: #1a1a1a; margin-bottom: 15px; text-transform: capitalize;}
.blog-comment-div h5:before{content: ""; position: absolute; width: 75px; height: 2px; background: #ddd; bottom: -12px; left: 0;}
.blog-comment-box{position: relative; padding: 20px 0 20px 80px; min-height: 80px; border-bottom: 1px dashed #eaeaea;}
.blog-comment-box img{position: absolute; width: 60px; left: 0; right: 0;}
.blog-comment-box h6{font-size: 14px; font-weight: 500; color: #1a1a1a; margin-bottom: 5px; margin-top: 5px;}
.blog-comment-box p{font-size: 12px; line-height: 24px; color: #858585; font-weight: 500; text-align: justify;}
.blog-comment-box:last-child{border-bottom: none;}

.blog-detail-share{ margin-top: 30px; }
.blog-detail-share ul{margin:0; padding: 0; list-style: none;}
.blog-detail-share ul li{float: left;}
.blog-detail-share ul li a{display: block; margin-right: 12px;}
.blog-detail-share ul li a img{width: 40px;}

/* Blog Detail Finish */


@media (max-width: 1199px){
.blog-listing-img{height: 330px;}
.blog-dteial-img-div{height: 330px;}
#filter-nav{display: none !important;}
}


@media (max-width: 991px){
.respon-menu{position: absolute; display: inline-block; left: 17px; top: 27px; bottom: 0; margin: auto;}
.respon-menu span{background: #b7b7b7; width: 24px; height: 3px; display: block;}
.respon-menu span:nth-child(2) {margin-top: 5px; margin-bottom: 5px;}
.blog-logo{margin-left: 50px;}
.blog-listing-img{height: 382px;}
.advertisement-div{text-align: center; padding: 0;}
.load-more-blog{margin-bottom: 30px;}
.popular-article-div, .popular-category-div{padding: 0;}
.blog-dteial-img-div{height: 382px;}
.blog-detail-author{padding-top: 25px; margin-bottom: 30px; padding-bottom: 20px; padding-left: 65px; border-bottom: 1px solid #eaeaea;}
.blog-detail-author img{width: 50px; top: 20px;}
.blog-detail-author h5{font-size: 14px; margin-bottom: 5px;}
header{padding: 0 15px;}
.search-btn-blog{padding: 22px 0 21px 0; font-size: 18px;}
}


@media (max-width: 767px){
.blog-listing-div{margin-left: -15px; margin-right: -15px; margin-bottom: 25px; padding-bottom: 20px;}
.blog-listing-img{height: 200px;}
.blog-listing-detail h3>a{line-height: 22px; font-size: 15px; margin: 10px 0 5px 0;}
.blog-listing-detail p{line-height: 20px;}
.blog-listing-detail a{font-size: 12px;}
.blog-bg{height: 250px;}
.side-sticky{margin-left: -15px; margin-right: -15px;}
.blog-detail-div{margin-left: -15px; margin-right: -15px;}
.blog-detail-div h1{font-size: 18px; line-height: 26px;}
.popular-article-catgry-dtl, .popular-article-author-dtl, .popular-article-date-dtls{font-size: 10px;}
.blog-detail-detail-box p{line-height: 22px; margin-bottom: 15px;}
.blog-detail-detail-box h1{font-size: 18px; line-height: 23px;}
.blog-detail-detail-box h2{font-size: 18px; line-height: 23px;}
.blog-detail-detail-box h3{font-size: 15px; line-height: 23px;}
.blog-detail-detail-box h4{font-size: 14px; line-height: 23px;}
.blog-dteial-img-div{height: auto;}
.popular-category-div ul li a{font-size: 13px;}
.blog-bg p{font-size: 18px;}
}

    article {
      max-width: 880px;
      margin: auto;
      background: #ffffff;
      padding: 0px;
    }
    h1, h2, h3 {
      color: #111827;
    }
    h1 {
      margin-top: 36px;
    }
    h2 {
      margin-top: 36px;
    }
    p {
      margin: 14px 0;
    }
    ul {
      margin-left: 22px;
    }
    li {
      margin: 6px 0;
    }
    pre {
      background: #ffffff;
      color: #000000;
      padding: 14px;
      border-radius: 6px;
      overflow-x: auto;
      font-size: 14px;
    }
    code {
      background: #f1f5f9;
      padding: 2px 5px;
      border-radius: 4px;
    }
    blockquote {
      background: #f8fafc;
      border-left: 4px solid #3b82f6;
      padding: 12px 16px;
      margin: 18px 0;
    }
    footer {
      margin-top: 40px;
      padding-top: 20px;
      border-top: 1px solid #e5e7eb;
      font-size: 14px;
      color: #4b5563;
    }

.bgwhite{background: #fff;}
.blog_container .titles {
    margin-bottom: 0;
    margin-top: 20px;
}

.blog_container .titles {
    color: #0a0a0a;
    font-family: nunito;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
}