.btn.btn-blog-success {
    background-color: #69cb95;
    border: 0 none;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}
.btn.btn-blog-success:hover {
    background-color: #7cd2a2;
}
.csPageTitle{
    color: #535353;
    font-family: "Helvetica Neue";
    font-size: 18px;
}
.thumbnail > img, .thumbnail a > img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
}
.blog-img {
    margin: 0;
    width: 198px;
}
.col-md-4,.col-md-8 {
    padding-left: 15px;
}
.color-grey {
    color: #bebebe;
    margin-right: 5px;
}
.color_grap {
    color: #141517;
    font-weight: 700;
}
.color_text_in {
    color: #545e6a;
    margin-right: 30px;
    opacity: 0.9;
}
.text_word {
    color: #fff;
    font-size: 30px;
    text-align: center;
}
.date_down, .date_down2 {
    background: none repeat scroll 0 0 #3498db;
    height: 46px;
    width: 60px;
}
.date_up, .date_up2 {
    background: none repeat scroll 0 0 #308bc8;
    height: 22px;
    width: 60px;
    color: #fff;
}
.date, .date_1 {
    height: 68px;
    width: 60px;
}
.center2 {
    text-align: center;
}
.tbox {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding-top: 2px;
}
.version {
    color: #252c34;
    margin-top: 11px;
}
.version a {
    color: #1e85a2;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
} 
.divider_h, .hr_horiznt_dotted {
    border-bottom: 1px dotted #aaacaf;
}
.mr_top30 {
    margin-top: 25px;
    margin-bottom: 30px;
}
.comment-here {
    color: #252c34;
    margin-bottom: 4px;
}
.font_14 {
    font-size: 14px;
}
.posts_1 {
    margin-top: 12px;
}
.posts_1 h5 {
    color: #545e6a;
    font-family: Dosis,sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 6px;
    text-transform: uppercase;
}
.posts_1 h5 span {
    font-size: 22px;
    font-weight: 300;
}
#relatedPostsHead{
    padding-left: 5px !important; 
    padding-right: 5px !important;
    display: block;
}
#relatedPosts h2 > span {
    border-bottom: 2px solid #3498db;
    bottom: -2px;
    padding: 4px 10px;
}
#relatedPosts {
    float: left;
    width: 100%;
}
#relatedPosts h2 {
    border-bottom: 2px solid #eee;
    color: #474747;
    font: bold 12px Arial,sans-serif;
    margin-bottom: 25px;
    padding: 4px 0;
    text-align: left;
    text-transform: uppercase;
}
#relatedPosts .related_img {
    height: 180px;
    padding: 0;
    width: 321px;
}
#relatedPosts .thumbnail a > img {
    display: block;
    height: 150px;
    min-height: 150px !important;
}
#relatedPosts .relTitle{
    color:#f6f8f9;
    text-align:left;
    padding: 4px;
    line-height:20px;
    background: #3498DB;
}
.thumbnail {
    padding: 0;
}
.thumbnail > img, .thumbnail a > img {
    padding: 4px;
    transition: transform 0.4s ease-in 0s;
    min-height: 180px;
}
.thumbnail > a {
    padding: 0;
}
.thumbnail a > img:hover {
    opacity: 0.6;
    transform: scale(1.05);
}
.latest-links-right {
	float: left;
    width: 100%;
    margin-top: 10px;
        border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
    margin-bottom: 5px;
}
.latest-links-right .image {
	float: left;
	width: 100px;
	padding-top: 5px;
}
.latest-links-right .image img {
	width: 90px;
	border: 1px solid #ccc;
    padding: 5px;
}
.latest-links-right .content-cont {
	float: left;
	width: 70%;
}
.latest-links-right .content-cont .title{
	font-weight: bold;
	font-size:16px;
}
.latest-links-right .content-cont .description span{
	font-size: 12px !important;
	background: none !important;
	background-color: transparent !important;
}
.latest-links-right .content-cont {
    width: 64%;
}
.latest-links-right .content-cont {
    width: 86%;
}
.latest-links-right .content-cont {
    width: 70%;
}
.fz14{
    font-size:14px;
}

@media screen and (max-width: 380px) {
	.desc-cont .label{
	width: 40%;
}
.latest-links-right .image img {
    width: 120px;
}
.latest-links-right .image {
    width: 130px;
}
.latest-links-right .content-cont {
    width: 100%;
	    margin-top: 10px;
}

.latest-links-right .content-cont {
    width: 100%;
}
}


    .color {
        color : #ea5050;
    }
    h1{
        font-weight: 400;
        margin: 20px;
        color : #ea5050;
        text-align: center;

    }
    h2 {
        font-weight : 400;
        color       : #505050;
    }

    p a[href] {
        text-decoration : none;
    }

    .aboutBlog {
        font-size   : 12px;
        font-weight : normal;
        color       : #808080;
        margin-top  : 5px;
    }

    .absolute {
        padding    : 10px;
        background : #ffffff;
        position   : relative;
        top        : -20px;
        width      : 100%;
        margin     : auto;
        min-height: 100px;
        max-height: 100px;
        overflow: hidden;
    }

    .absolute h2{
        min-height: 20px;
        max-height: 20px;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .button{
        border : 1px solid #ea5050;
        color : #ea5050;
        background : #fff;
        border-radius: 24px;
        width : 150px;
        /*height : 50px;*/
        padding : 15px 20px;
        font-size: 14px;
        font-weight: 400;
    }
    .svg-inline--fa{
        height : 1.3em;
    }
    @media (max-width : 480px) {
        .text-right, .text-left{
            text-align: center !important;
            width : 100%;
        }
    }

    .innerpare{
        min-height: 300px;
        max-height: 300px;
        overflow: hidden;
    }

    .absolute h2 a{
        text-decoration: none;
        color: #505050;
    }
    .paginationCls{
        border: 1px solid #ea5050;
        color: #ea5050;
        background: #fff;
        border-radius: 24px;
        padding: 15px 20px;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        text-decoration: none !important;
    }
    .paginationCls:hover{
        color: #ea5050;
    }
    .paginationCls svg{
        margin: 0px 10px;
    }
    .f_intro_bg .mn img{
        width: 10%;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img,
    .thumbnail>img{
        height: 200px;
    }
    @media (max-width : 767px) {
        .innerpare{
            width:320px;
            margin: 0px auto;
        }
        .innerpare .absolute{width:100%;}
        .m_p0{padding: 0px !important;}
        .main-content{padding:0px !important;}
    }
/* ===== Redesigned blog listing + category archive (2026) ===== */
.blogLayer .bv-blog-header{margin:6px 0 18px}
.bv-blog-h1{font-family:'roboto slab',serif;font-size:32px;font-weight:600;color:#2c3e50;margin:0;text-transform:none}
.bv-blog-sub{color:#7a8694;font-size:14px;margin:6px 0 0}
.bv-blog-sub a{color:#fa4c10;text-decoration:none}
.bv-blog-sub a:hover{text-decoration:underline}
.bv-dot{color:#c7ced6;margin:0 6px}
.bv-blog-search{position:relative;margin:0 0 18px}
.bv-blog-search-input{height:50px;border-radius:30px;padding:0 56px 0 22px;border:1px solid #e3e8ee;box-shadow:none;font-size:15px}
.bv-blog-search-input:focus{border-color:#fa4c10;box-shadow:0 0 0 3px rgba(250,76,16,.12);outline:0}
.bv-blog-search-btn{position:absolute;right:5px;top:5px;width:40px;height:40px;border-radius:50%;background:#fa4c10;color:#fff;border:0;padding:0}
.bv-blog-search-btn:hover{background:#e34409;color:#fff}
.bv-blog-search-meta{color:#7a8694;font-size:13px;margin:-6px 0 14px}
.bv-blog-search-meta a{color:#fa4c10;text-decoration:none}
.bv-blog-search-empty{background:#fff7f3;border:1px solid #ffd9c9;color:#9a3412;padding:14px 18px;border-radius:10px;margin-bottom:16px}
.bv-cat-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.bv-cat-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:30px;background:#f3f5f8;color:#475264;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;border:1px solid transparent}
.bv-cat-pill:hover{background:#eaeef3;color:#222;text-decoration:none}
.bv-cat-pill.active{background:#fa4c10;color:#fff}
.bv-cat-count{background:rgba(0,0,0,.08);color:inherit;font-size:11px;font-weight:600;border-radius:20px;padding:1px 7px;min-width:20px;text-align:center}
.bv-cat-pill.active .bv-cat-count{background:rgba(255,255,255,.25)}
.bv-post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:30px}
.bv-card{background:#fff;border:1px solid #eceff3;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.bv-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,30,50,.10)}
.bv-card-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#f3f5f8}
.bv-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.bv-card:hover .bv-card-thumb img{transform:scale(1.05)}
.bv-card-cat{position:absolute;top:12px;left:12px;background:rgba(250,76,16,.95);color:#fff;font-size:11px;font-weight:600;padding:4px 11px;border-radius:20px;letter-spacing:.2px}
.bv-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.bv-card-title{margin:0 0 12px;font-size:17px;line-height:1.35;font-weight:600}
.bv-card-title a{color:#1f2a37;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bv-card-title a:hover{color:#fa4c10}
.bv-card-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:14px;color:#94a0ad;font-size:12.5px}
.bv-card-meta i{color:#b9c2cc;margin-right:3px}
.bv-pagination{text-align:center;margin:10px 0 20px}
@media (max-width:600px){.bv-post-grid{grid-template-columns:1fr;gap:18px}.bv-blog-h1{font-size:26px}}

/* ===== Blog spacing refinement — roomier, cleaner rhythm ===== */
.blogLayer{padding-bottom:10px}
.blogLayer .bv-blog-header{margin:18px 0 34px;text-align:center}
.bv-blog-h1{font-size:32px;margin-bottom:0}
.bv-blog-sub{font-size:14.5px;margin-top:10px}
.bv-blog-search{width:100%;margin:0 0 36px}
.bv-blog-search-input{height:56px;font-size:16px;padding:0 64px 0 24px}
.bv-blog-search-btn{width:44px;height:44px;top:6px;right:6px}
.bv-cat-nav{gap:10px;margin:0 0 38px;justify-content:center}
.bv-cat-pill{padding:9px 18px;font-size:14px}
.bv-cat-count{font-size:11.5px;padding:2px 8px}
.bv-post-grid{gap:30px;margin-bottom:44px}
.bv-card-body{padding:20px 22px 22px}
.bv-card-title{font-size:18px;margin:0 0 16px}
.bv-card-meta{gap:16px;font-size:13px}
.bv-card-cat{top:14px;left:14px;padding:5px 13px}
.bv-pagination{margin:18px 0 30px}
@media (max-width:600px){
    .bv-blog-h1{font-size:26px}
    .bv-blog-search{margin-bottom:26px}
    .bv-cat-nav{margin-bottom:28px}
    .bv-post-grid{gap:20px;margin-bottom:30px}
}

/* override legacy 520px cap — search must fill the content column */
.bv-blog-search{max-width:100%;width:100%;margin-left:0;margin-right:0}

/* search button: centered, larger, crisper icon */
.bv-blog-search-btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;top:5px;right:5px;font-size:18px;line-height:1;box-shadow:0 2px 8px rgba(250,76,16,.35);transition:background .15s,transform .12s}
.bv-blog-search-btn:hover{transform:scale(1.05)}
.bv-blog-search-btn i{margin:0}
.bv-blog-search-input{padding-right:66px}
/* more vertical breathing room between post rows */
.bv-post-grid{gap:40px 30px}
@media (max-width:600px){.bv-post-grid{gap:24px}}

/* ===== Category nav → single-line horizontal scroll strip (scales to any count) ===== */
.bv-cat-scroll{position:relative;margin:0 0 38px}
.bv-cat-scroll::after{content:"";position:absolute;top:0;right:0;bottom:8px;width:44px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 75%)}
.bv-cat-nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:10px;margin:0;padding:2px 2px 8px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d8dde3 transparent}
.bv-cat-nav::-webkit-scrollbar{height:6px}
.bv-cat-nav::-webkit-scrollbar-thumb{background:#d8dde3;border-radius:3px}
.bv-cat-nav::-webkit-scrollbar-thumb:hover{background:#c2c9d1}
.bv-cat-nav::-webkit-scrollbar-track{background:transparent}
.bv-cat-pill{flex:0 0 auto;white-space:nowrap}

/* ===== Hero band — tinted gradient + soft glow overlay ===== */
.bv-hero{position:relative;overflow:hidden;padding:30px 32px 18px;margin:8px 0 40px;border-radius:18px;border:1px solid #f4eae5;background:linear-gradient(180deg,#fff5f0 0%,#fffaf8 55%,#ffffff 100%)}
.bv-hero::before{content:"";position:absolute;top:-70px;right:-50px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(250,76,16,.12),rgba(250,76,16,0) 70%);pointer-events:none}
.bv-hero::after{content:"";position:absolute;bottom:-90px;left:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(96,132,255,.07),rgba(96,132,255,0) 70%);pointer-events:none}
.bv-hero>*{position:relative;z-index:1}
.bv-hero .bv-blog-header{margin:4px 0 26px}
.bv-hero .bv-blog-search{margin:0 0 24px}
.bv-hero .bv-cat-scroll{margin-bottom:0}
/* fade hint now sits on the hero's near-white base */
.bv-cat-scroll::after{background:linear-gradient(90deg,rgba(255,255,255,0),#fffaf8 78%)}
@media (max-width:600px){.bv-hero{padding:22px 18px 14px;margin-bottom:30px}}

/* lift the hero panel a little more so it reads at normal zoom */
.bv-hero{background:linear-gradient(180deg,#ffeee5 0%,#fff6f1 50%,#ffffff 100%);box-shadow:0 8px 28px rgba(250,76,16,.07)}
.bv-hero::before{background:radial-gradient(circle,rgba(250,76,16,.16),rgba(250,76,16,0) 70%)}

/* hero padding: 20px top, 30px bottom */
.bv-hero{padding:20px 32px 30px}
@media (max-width:600px){.bv-hero{padding:20px 18px 30px}}

/* hero top padding: +20px (now 40px top, 30px bottom) */
.bv-hero{padding:40px 32px 30px}
@media (max-width:600px){.bv-hero{padding:32px 18px 30px}}

/* ===== Pagination — modern separated pill buttons ===== */
.bv-pagination{text-align:center;margin:24px 0 34px}
.bv-pagination .pagination{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;border-radius:0;list-style:none}
.bv-pagination .pagination>li{display:inline-flex;margin:0;float:none}
.bv-pagination .pagination>li>a,.bv-pagination .pagination>li>span{position:relative;float:none;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 13px;margin:0;border:1px solid #e6e9ee;border-radius:11px;background:#fff;color:#475264;font-size:14px;font-weight:600;line-height:1;text-decoration:none;box-shadow:none;transition:border-color .15s,color .15s,background .15s,transform .12s,box-shadow .15s}
.bv-pagination .pagination>li>a:hover,.bv-pagination .pagination>li>a:focus{border-color:#fa4c10;color:#fa4c10;background:#fff6f2;transform:translateY(-1px);z-index:2}
.bv-pagination .pagination>li.active>a,.bv-pagination .pagination>li.active>a:hover,.bv-pagination .pagination>li.active>a:focus,.bv-pagination .pagination>li.active>span{background:#fa4c10;border-color:#fa4c10;color:#fff;box-shadow:0 5px 14px rgba(250,76,16,.32);transform:none;cursor:default}
.bv-pagination .pagination>li.disabled>a,.bv-pagination .pagination>li.disabled>a:hover,.bv-pagination .pagination>li.disabled>span{opacity:.45;pointer-events:none;color:#9aa4b0;border-color:#edf0f3;background:#fff;transform:none;box-shadow:none}
.bv-pagination .pagination>li>a i{font-size:11px;line-height:1}
@media (max-width:600px){.bv-pagination .pagination>li>a,.bv-pagination .pagination>li>span{min-width:38px;height:38px;padding:0 10px;font-size:13px}}

/* align blog content's LEFT edge with the site logo (header container has 0 left padding,
   while the blog sits inside .col-md-8 > .col-md-12 = two 15px paddings). Zero only the
   LEFT paddings so the right edge stays put. */
.contentLayer.blogLayer{padding-left:0}
.contentLayer.blogLayer > .col-md-12{padding-left:0}

/* hero top padding +10px (now 50px top, 30px bottom) */
.bv-hero{padding:50px 32px 30px}
@media (max-width:600px){.bv-hero{padding:38px 18px 30px}}