/*
Theme Name: Astra Child
Template: astra
*/
.dp-blog-details-content h2{color:#fff!important;font-weight:600!important; margin-bottom:10px!important;}
.dp-blog-details-content h2 strong{font-weight:600!important;}
.tx-blogDetails-box__wrapper table td {
    color: #fff!important;
    border: 1px solid #fff!important;
}
.tz-blog-details-text h3{color:#fff!important; font-weight:500!important;}
.tz-blog-details-text h3 strong{font-weight:500!important;}
.entry-content{overflow:initial!important;}
.tz-blog-details-text h4{color:#fff!important; margin:10px 0!important; font-weight:500!important;}
.tz-blog-details-text h4 strong{font-weight:500!important;}
.faqnova-question{background:#000!important;} 
/* ========================================================
   ONLY MOBILE VIEW RESPONSIVE TABLE (768px & Below)
   ======================================================== */
@media screen and (max-width: 768px) {

    /* 1. Parent containers ko unclip karna taaki scrollbar na kate */
    .entry-content,
    .dp-blog-details-content,
    .tz-blog-details-text {
        overflow: visible !important;
        max-width: 100% !important;
    }

    /* 2. Table ko horizontal swipe/scroll container banana */
    .entry-content table,
    .dp-blog-details-content table,
    .tz-blog-details-text table,
    article table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important; /* Smooth touch swipe ke liye */
        margin-top: 15px !important;
        margin-bottom: 25px !important;
        border-collapse: collapse !important;
        box-sizing: border-box !important;
    }

    /* 3. Columns ko shrink/squish hone se bachana */
    .entry-content table th,
    .entry-content table td,
    .dp-blog-details-content table th,
    .dp-blog-details-content table td {
        white-space: nowrap !important; /* Text naye line mein tutkar squish nahi hoga */
        min-width: 120px !important;    /* Har column ko readable space milega */
        padding: 10px 14px !important;
        font-size: 13px !important;
        box-sizing: border-box !important;
    }

    /* 4. Sleek scrollbar (Taaki user ko visually pata chale ki scroll karna hai) */
    .entry-content table::-webkit-scrollbar,
    .dp-blog-details-content table::-webkit-scrollbar {
        height: 5px !important;
    }

    .entry-content table::-webkit-scrollbar-track,
    .dp-blog-details-content table::-webkit-scrollbar-track {
        background: #1a1a1a !important;
    }

    .entry-content table::-webkit-scrollbar-thumb,
    .dp-blog-details-content table::-webkit-scrollbar-thumb {
        background: #555555 !important;
        border-radius: 4px !important;
    }
	.faqnova-icon{display:none;}
}

@media(max-width:600px) {
	 .vc_grid-item-mini	{padding:15px!important;}
	 .vc_grid-item .vc_gitem-animated-block .vc_gitem-zone{height:initial!important;background-size:contain;border-radius:20px;}
	 .vc-gitem-zone-height-mode-auto:before{padding-top:200px!important;}
	 .vc_gitem-zone-mini h4
	 {
		 display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	 }
	 .vc_grid-item-mini p{margin-bottom:0;}
	 .vc_gitem-post-data{margin-bottom:0;}
	 .vc_btn3-container{margin-bottom:0px!important}
	 
}