/* July - Combined font for whole site (weight-based: 400 normal, 600 semi-bold, 700 bold, 800 bolder) */
@font-face {
	font-family: 'July';
	src: url('../../fonts/July-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'July';
	src: url('../../fonts/July-Bold.ttf') format('truetype');
	font-weight: 600 800;
	font-style: normal;
	font-display: swap;
}
:root {
	--theme-primary: rgb(220, 38, 39);
	--font-size-base: 1.6rem;
	--font-size-sm: 1.4rem;
	--font-size-xs: 1.2rem;
	--font-size-lg: 1.8rem;
	--font-size-xl: 2rem;
	--font-size-2xl: 2.2rem;
	--font-size-3xl: 2.5rem;
	--line-height-tight: 1.35;
	--line-height-normal: 1.5;
	--line-height-relaxed: 1.6;
}
	html{
		background-color: white !important;
	}
	body{
		font-family: 'July', Arial, Helvetica, sans-serif;
		font-size: var(--font-size-base);
		line-height: var(--line-height-normal);
		color: #333;
		background-color: #eff3f6 !important;
	}
	body h1,h2,h3,h4,p,span,a{
		font-family: 'July', Arial, Helvetica, sans-serif;
	}
	/* Global: no underline on link hover for sections, cards, nav, category blocks */
	.bgWHite a:hover,
	.container a:hover,
	.homeSection a:hover,
	.catReconcept a:hover,
	.catReconceptMobile a:hover,
	.pb-lead-section a:hover,
	.nationalSection a:hover,
	.nationalSectionLeadWrap a:hover,
	.desktopSectionTitle a:hover,
	.countrySection a:hover,
	.politicsSection a:hover,
	.entertainmentSection a:hover,
	.sportsSection a:hover,
	.navbar a:hover,
	.desktopFooter a:hover,
	.footerTopNav a:hover,
	.headerMainSection a:hover,
	/* Mobile homepage – no underline on hover (match desktop) */
	.mobileHomeWrapper a,
	.mobileHomeWrapper a:hover,
	.mobileHomeWrapper a:focus,
	.mobileSection a,
	.mobileSection a:hover,
	.mobileSection a:focus {
		text-decoration: none !important;
	}
	.mobileTitle{
		font-size: 2.2rem !important;
		line-height: 3.2rem !important;
	}
	.mainDiv{
		margin-top: 10px;
	}

	/*font sizing*/
	.textBody{
		font-size: 1.8rem !important;
		line-height: 2.8rem !important;
		text-align: justify !important;
		color: #333;
	}
	.textBody h1{
		margin-top: 0px !important;
		margin-bottom: 15px !important;
		line-height: 2.8rem !important;
		text-align: left !important;
	}
	.textBody h2{
		margin-top: 0px !important;
		margin-bottom: 15px !important;
		line-height: 2.8rem !important;
		text-align: left !important;
	}
	.textBody h3{
		margin-top: 0px !important;
		margin-bottom: 15px !important;
		line-height: 2.8rem !important;
		text-align: left !important;
	}
	.textBody p{
		font-size: 1.8rem !important;
		line-height: 2.8rem !important;
		margin-bottom: 15px !important;
		text-align: justify !important;
	}
	.textBody span{
		font-size: 1.8rem !important;
		line-height: 2.8rem !important;
	}
	.textBody label{
		font-size: 1.8rem !important;
		line-height: 2.8rem !important;
	}
	/*font sizing end*/


	/*background css*/
	.bgUnset{
		background-color: unset !important;
	}
	.bgImgUnset{
		background-image: unset !important;
	}
	.bgWhite{
		background-color: white
	}
	.bgWHite{
		background-color: white
	}
	.bgWhiteImp{
		background-color: white !important
	}
	.bgRed{
		background-color: rgb(220, 38, 39) !important;
	}
	.bgLight{
		background-color: #e8fbe7;
	}
	.bgBlack{
		background-color: #222222;
	}
	.bgOrange{
		background-color: #e18b20;
	}
	.bg1{
		background-color: #e8fbe7 !important;
	}
	.bg2{
		background-color: #f2f2f2 !important;
	}
	.bg3{
		background-color: #d9d9d9 !important
	}
	.bg4{
		background-color: #f5f5f5 !important
	}
	.bg5{
		background-color: #333 !important
	}
	.bg6{
		background-color: #292929 !important
	}
	.bg7{
		background-color: #3a495e !important
	}
	.bg8{
		background-color: #384353 !important
	}

	/*color css*/
	.colorBrand{
		color: rgb(220, 38, 39) !important;
	}
	.colorBlue{
		color: #337ab7 !important;
	}
	.colorWhite{
		color: white !important;
	}
	.colorBlack{
		color: #333 !important;
	}
	.colorBlackLight{
		color: #4f4f4f !important
	}
	.color1{
		color: #6f6d6d !important;
	}
	.color2{
		color: #d6d6d6 !important;
	}
	.color3{
		color: #c40c13 !important;
	}
	.color4{
		color: #dc2627
	}
	.hoverBlue:hover{
		color: rgb(220, 38, 39) !important;
	}
	.hoverBlack:hover{
		color: #333 !important;
	}
	.hoverRed:hover{
		color: rgb(220, 38, 39) !important;
	}
	.hoverRed:hover h1{
		color: rgb(220, 38, 39) !important;
	}
	.fontBold{
		font-weight: bold !important;
	}
	.fontNormal{
		font-weight: normal !important;
	}
	.fontSize14{
		font-size: 14px !important;
	}


	/*padding css*/
	.padding0{
		padding: 0px !important;
	}
	.padding3{
		padding: 3px !important;
	}
	.padding5{
		padding: 5px !important;
	}
	.padding6{
		padding: 6px !important;
	}
	.padding7{
		padding: 7px !important;
	}
	.padding8{
		padding: 8px !important;
	}
	.padding10{
		padding: 10px !important;
	}
	.padding15{
		padding: 15px !important;
	}
	.padding20{
		padding: 20px !important;
	}
	.padding40{
		padding: 40px !important;
	}
	.paddingLR0{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.paddingLR3{
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
	.paddingLR5{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.paddingLR7{
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
	.paddingLR10{
		padding-left: 10px;
		padding-right: 10px;
	}
	.paddingLR10Imp{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.paddingLR13{
		padding-left: 13px;
		padding-right: 13px;
	}
	.paddingLR15{
		padding-left: 15px;
		padding-right: 15px;
	}
	.paddingLR25{
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	.paddingTB3{
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}
	.paddingTB5{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.paddingTB0{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.paddingL0{
		padding-left: 0px !important;
	}
	.paddingL25{
		padding-left: 25px !important;
	}
	.paddingR0{
		padding-right: 0px !important;
	}
	.paddingR10{
		padding-right: 10px !important;
	}
	.paddingR5{
		padding-right: 5px !important;
	}
	.paddingR25{
		padding-right: 25px !important;
	}
	.paddingLR20{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.paddingLR25{
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	.paddingLR30{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.paddingLR26{
		padding-left: 26px !important;
		padding-right: 26px !important;
	}
	.paddingT0{
		padding-top: 0px !important;
	}
	.paddingT3{
		padding-top: 3px;
	}
	.paddingT5{
		padding-top: 5px;
	}
	.paddingT7{
		padding-top: 7px;
	}
	.paddingT10{
		padding-top: 10px !important;
	}
	.paddingT20{
		padding-top: 20px !important;
	}
	.paddingT25{
		padding-top: 25px !important;
	}
	.paddingT30{
		padding-top: 30px !important;
	}
	.paddingT40{
		padding-top: 40px;
	}
	.paddingT60{
		padding-top: 60px;
	}
	.paddingT70{
		padding-top: 70px;
	}
	.paddingB0{
		padding-bottom: 0px !important;
	}
	.paddingB3{
		padding-bottom: 3px !important;
	}
	.paddingB5{
		padding-bottom: 5px !important;
	}
	.paddingB10{
		padding-bottom: 10px;
	}
	.paddingB20{
		padding-bottom: 20px !important;
	}
	.paddingB25{
		padding-bottom: 25px !important;
	}
	.paddingB30{
		padding-bottom: 30px !important;
	}
	.paddingB40{
		padding-bottom: 40px;
	}
	.paddingB60{
		padding-bottom: 60px;
	}


	/*margin css*/
	.margin0{
		margin: 0px;
	}
	.margin5{
		margin: 5px;
	}
	.marginL0{
		margin-left: 0px !important;
	}
	.marginL5{
		margin-left: 5px !important;
	}
	.marginL10{
		margin-left: 10px !important;
	}
	.marginL15{
		margin-left: 15px !important;
	}
	.marginR5{
		margin-right: 5px !important;
	}
	.marginR10{
		margin-right: 10px !important;
	}
	.marginR15{
		margin-right: 15px !important;
	}
	.marginT-2{
		margin-top: -2px !important;
	}
	.marginT-5{
		margin-top: -5px !important;
	}
	.marginT-7{
		margin-top: -7px !important;
	}
	.marginT-10{
		margin-top: -10px !important;
	}
	.marginT-15{
		margin-top: -15px !important;
	}
	.marginT-30{
		margin-top: -30px
	}
	.marginT-50{
		margin-top: -50px
	}
	.marginT0{
		margin-top: 0px !important;
	}
	.marginT2{
		margin-top: 2px !important;
	}
	.marginT3{
		margin-top: 3px !important;
	}
	.marginT4{
		margin-top: 4px !important;
	}
	.marginT5{
		margin-top: 5px !important;
	}
	.marginT7{
		margin-top: 7px !important
	}
	.marginT8{
		margin-top: 8px
	}
	.marginT10{
		margin-top: 10px !important;
	}
	.marginT15{
		margin-top: 15px !important;
	}
	.marginT18{
		margin-top: 18px !important;
	}
	.marginT20{
		margin-top: 20px !important;
	}
	.marginT22{
		margin-top: 22px !important;
	}
	.marginT25{
		margin-top: 25px !important;
	}
	.marginT30{
		margin-top: 30px !important;
	}
	.marginT40{
		margin-top: 40px !important;
	}
	.marginT50{
		margin-top: 50px;
	}
	.marginT58{
		margin-top: 58px;
	}
	.marginT60{
		margin-top: 60px;
	}
	.marginT70{
		margin-top: 70px;
	}
	.marginT90{
		margin-top: 90px;
	}
	.marginB0{
		margin-bottom: 0px !important;
	}
	.marginB5{
		margin-bottom: 5px !important;
	}
	.marginB10{
		margin-bottom: 10px !important;
	}
	.marginB15{
		margin-bottom: 15px !important;
	}
	.marginB17{
		margin-bottom: 17px !important;
	}
	.marginB18{
		margin-bottom: 18px !important;
	}
	.marginB20{
		margin-bottom: 20px !important;
	}
	.marginB22{
		margin-bottom: 22px !important;
	}
	.marginB25{
		margin-bottom: 25px !important;
	}
	.marginB30{
		margin-bottom: 30px !important;
	}
	.marginB50{
		margin-bottom: 50px !important;
	}
	.marginLR-5{
		margin-left: -5px !important;
		margin-right: -5px !important;
	}
	.marginLR-7{
		margin-left: -7px !important;
		margin-right: -7px !important;
	}
	.marginLR-10{
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	.bottom0{
		bottom: 0;
	}
	.top0{
		top: 0;
	}

	/*border css*/
	.border0{
		border: none !important;
	}
	.borderT0{
		border-top: none !important;
	}
	.borderC1-1{
		border: 1px solid #edebeb !important;
	}
	.borderC2-1{
		border: 1px solid rgb(220, 38, 39) !important;
	}
	.borderC1T1{
		border-top: 1px solid #edebeb;
	}
	.borderC2T1{
		border-top: 1px solid #ac4f44
	}
	.borderC3T1{
		border-top: 1px solid #4c5a6d
	}
	.borderC1B1{
		border-bottom: 1px solid #edebeb !important;
	}
	.borderC1B2{
		border-bottom: 2px solid #dddddd !important;
	}
	.borderC1R1{
		border-right: 1px solid #edebeb !important;
	}
	.borderC2B1{
		border-bottom: 1px solid white !important;
	}
	.borderD2{
		border: 2px dashed #dc2627 !important;
	}
	.borderC1-D2{
		border: 2px dashed #edebeb !important;
	}
	.borderG2{
		border: 2px solid rgba(214, 224, 226) !important;
	}
	.borderC3-1 {
		border: 1px solid #cecece !important;
	}
	.borderColorWhite{
		border-color: white !important;
	}
	.shadow1{
		box-shadow: 0 3px 6px rgb(186 186 186 / 40%);
	}
	.shadow2{
		box-shadow: 0px 0px 5px 2px #ccc;
	}
	.borderLastItemNone .lastItemNone:last-child .borderC1B1{
		border-bottom: none !important;
	}
	.borderLastItemNone .lastItemNone:last-child .borderC1R1{
		border-right: none !important;
	}
	.borderRadius0{
		border-radius: 0px !important;
	}
	.borderRadius5{
		border-radius: 5px;
	}
	.borderRadius10{
		border-radius: 10px;
	}
	.borderRadius50{
		border-radius: 50px;
	}
	.borderRadius50P{
		border-radius: 50% !important;
	}
	.borderTRadius5{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.borderTRadius10{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.borderBRadius5{
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.borderBRadius10{
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.borderLRadius5{
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.borderLRadius10{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	
	
	

	/*height width*/
	.h100P{
		height: 100%;
	}
	.h34{
		height: 34px !important;
	}
	.h40{
		height: 40px !important;
	}
	.h50{
		height: 50px !important;
	}
	.h90{
		height: 90px;
	}
	.h100{
		height: 100px;
	}
	.h250{
		height: 250px;
	}
	.w100P{
		width: 100%;
	}
	.w17{
		width: 17px;
	}
	.w150{
		width: 150px;
	}
	.w300{
		width: 300px;
	}
	.w320{
		width: 320px;
	}
	.w728{
		width: 728px;
	}
	.w970{
		width: 970px;
	}
	.float-right{
		float: right;
	}
	.overflowHidden{
		overflow: hidden;
	}
	.textDecorationNone{
		text-decoration: none !important;
	}
	.textCenter{
		text-align: center !important;
	}

	/*title css*/
	.dot{
		font-size: 0.6rem;
		color: #e9e9e9;
		vertical-align: middle;
		margin-top: -3px;
	}
	.shoulder{
		color: #d10707;
	}
	.hanger{
		color: #7e5fb6;
	}
	.detailHeadline{
		font-size: 3.2rem;
		line-height: 4.2rem;
	}
	.detailShoulder{
		font-size: 2.2rem;
		line-height: 2.5rem;
		color: #d10707;
		margin-top: 30px !important;
	}
	.detailHanger{
		font-size: 2.2rem;
		line-height: 2.5rem;
		color: #7e5fb6;
		margin-bottom: 20px;
		margin-top: -5px;
	}
	.detailPTime{
		font-size: 1.5rem;
		line-height: 1.9rem;
		margin-top: 5px;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.detailReporter{
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-top: 5px;
		margin-bottom: 0px;
		margin-top: 0px;
		display: inline-block;
	}
	.detailIcon{
		display: inline-block;
		vertical-align: top;
		margin-right: 3px;
		margin-top: 1px;
	}
	.detailPhotoDiv{
		margin: 0px;
		padding: 0px;
		margin-top: 25px;
	}
	.detailPhotoDiv .detailPhoto .photoCounter{
		font-size: 16px;padding: 5px 20px;line-height: 16px;border-radius: 20px;margin-top: 10px;margin-bottom: 10px;display: inline-block;
	}
	.detailPhotoDiv .detailPhoto .photoCounter:first-child{
		margin-left: 20px;
		margin-right: 20px;
	}
	.detailPhotoDiv .detailPhoto{
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.detailPhotoDiv .detailPhoto:first-child{
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.detailPhotoDiv .detailPhoto figcaption p{
		margin-bottom: 0px;
		font-size: 1.6rem;
		line-height: 2.2rem;
		padding: 5px 10px;
		border: 1px solid #edebeb;
	}
	.detailPhotoDiv .detailPhoto:first-child figcaption p{
		margin-bottom: 0px;
		font-size: 1.6rem;
		line-height: 2.2rem;
		padding: 5px 10px;
		border: 1px solid #edebeb;
		border-left: none;
		border-right: none;
	}
	.detailBody{
		font-size: 2.2rem !important;
		line-height: 3.4rem !important;
		text-align: left !important;
	}
	.detailBody h1{
		margin-top: 0px !important;
		margin-bottom: 30px !important;
		line-height: 3.4rem !important;
	}
	.detailBody h2{
		margin-top: 0px !important;
		margin-bottom: 30px !important;
		line-height: 3.4rem !important;
	}
	.detailBody h3{
		margin-top: 0px !important;
		margin-bottom: 30px !important;
		line-height: 3.4rem !important;
	}
	.detailBody p{
		font-size: 2.2rem !important;
		line-height: 3.4rem;
		margin-bottom: 30px !important;
	}
	.detailBody span{
		font-size: 2.2rem !important;
		line-height: 3.4rem !important;
	}
	.detailBody label{
		font-size: 2.2rem !important;
		line-height: 3.4rem !important;
	}
	.detailBody figure figcaption{
		font-size: 1.6rem !important;
		line-height: 2.2rem !important;
		margin-bottom: 0px;
		padding: 5px 10px;
		border: 1px solid #edebeb;
		margin-bottom: 20px;
	}
	.detailBody figure figcaption span{
		font-size: 1.6rem !important;
		line-height: 2.2rem !important;
		color: black !important;
	}
	.detailBody iframe{
		width: 100% !important;
		height: 240px !important
	}
	.detailBody figure{
		width: 100% !important
	}
	.detailVideo{
		margin: 0px;
		padding: 0px;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.detailVideo iframe{
		width: 100% !important;
		height: 240px !important
	}
	.detailDocument{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.detailDocument p{
		font-size: 2.2rem !important;
		line-height: 3.4rem;
		margin-bottom: 0px;
	}
	.detailDocument p a{
		text-decoration: none !important;
	}
	.detailDocument p a i{
		font-size: 1.4rem;
		vertical-align: middle;
		margin-top: -2px;
	}
	.detailTag{
		margin-top: 10px;
	}
	.tagItem{
		font-size: 1.8rem !important;
		line-height: 2.6rem;
		padding: 5px 10px;
		background-color: #f4f4f4;
		margin-bottom: 5px;
		display: inline-block;
		border-radius: 5px;
		text-decoration: none !important;
		color: black;
	}

	.detailLiveupdate{
		font-size: 2.2rem !important;
		line-height: 3.4rem !important;
		text-align: left !important;
	}
	.detailLiveupdate h1{
		margin-top: 0px !important;
		margin-bottom: 20px !important;
		line-height: 3.4rem !important;
	}
	.detailLiveupdate h2{
		margin-top: 0px !important;
		margin-bottom: 20px !important;
		line-height: 3.4rem !important;
	}
	.detailLiveupdate h3{
		margin-top: 0px !important;
		margin-bottom: 20px !important;
		line-height: 3.4rem !important;
	}
	.detailLiveupdate p{
		font-size: 2.2rem !important;
		line-height: 3.4rem;
		margin-bottom: 20px !important;
	}
	.detailLiveupdate span{
		font-size: 2.2rem !important;
		line-height: 3.4rem !important;
	}
	.detailLiveupdate label{
		font-size: 2.2rem !important;
		line-height: 3.4rem !important;
	}
	.detailLiveupdate figure figcaption{
		font-size: 1.6rem !important;
		line-height: 2.2rem !important;
		margin-bottom: 0px;
		padding: 5px 10px;
		border: 1px solid #edebeb;
		margin-bottom: 20px;
	}
	.detailLiveupdate figure figcaption span{
		font-size: 1.6rem !important;
		line-height: 2.2rem !important;
		color: black !important;
	}
	.detailLiveupdate iframe{
		width: 100% !important;
		height: 240px !important
	}
	.detailLiveupdate figure{
		width: 100% !important
	}
	.detailLiveupdateTime{
		font-size: 1.8rem !important;
		line-height: 2.8rem !important;
		text-align: left !important;
		margin-bottom: 3px !important
	}

	.socialIconDiv{
		border: 1px solid #edebeb;
		text-align: center;
		padding: 10px 5px;
		border-radius: 5px;
	}
	.clickComments{
		background-color: #3b5998;
		color: white;
		padding: 2px 8px;
		border-radius: 5px;
		font-size: 1.8rem;
	}
	.clickComments .fa-comments{
		padding: 0px !important;
		margin: 0px !important;
		width: unset !important;
	}
	.commentsDiv{
		margin-top: 20px;
	}
	.commentsDiv .comments{
		border-bottom: 1px solid #edebeb;
		text-align: left;
		font-size: 2.2rem;
		margin: 0px 6px;
	}
	.articleDividerDiv p{
		border-top: 5px solid #e7e7e7;
		text-align: center;
		margin: 50px 0px;
	}


	.title1_3{
		font-size: 1.3rem !important;
	}
	.title1_4{
		font-size: 1.4rem !important;
	}
	.title1_6{
		font-size: 1.6rem !important;
	}
	.title1_7{
		font-size: 1.7rem !important;
	}
	.title1_8{
		font-size: 1.6rem !important;
		line-height: 2.4rem;
	}
	.title2_0{
		font-size: 2.0rem !important;
	}
	.title2_3{
		font-size: 2.3rem !important;
	}
	.title2_5{
		font-size: 2.5rem !important;
	}
	.title2{
		font-size: 2.2rem;
		line-height: 2.7rem;
	}
	.title3{
		font-size: 2.5rem !important;
		line-height: 3.8rem !important;
	}
	.title3Large{
		font-size: 3rem !important;
		line-height: 4rem !important;
	}
	.title4{
		font-size: 2rem;
		line-height: 3rem;
	}
	.title8{
		font-size: 3.5rem !important;
		line-height: 4.8rem !important;
	}
	.title9{
		font-size: 3rem !important;
		line-height: 3.8rem !important;
	}
	.title10{
		font-size: 2.5rem !important;
		line-height: 3.5rem !important;
	}
	.title10Small{
		font-size: 2.5rem !important;
		line-height: 3.2rem !important;
	}
	.title11{
		font-size: 2.2rem !important;
		line-height: 3.2rem !important;
		/*font-size: 2.3rem !important;*/
		/*line-height: 2.7rem !important;*/
	}
	.title12{
		font-size: 2rem !important;
		line-height: 2.8rem !important;
	}
	.bgRed.title11 {
		font-size: 1.5rem !important;
		padding: 0px !important;
	}
	.sidebarCatTitle{
		font-size: 2rem;
		line-height: 3rem;
	}
	.sidebarCatTitle i{
		font-size: 1.7rem;
		line-height: 1.4rem;
	}



	/*common css*/
	.summary{
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin-top: 5px;
		margin-bottom: 5px;
		color: #5d5f5f;;
	}
	.time{
		font-size: 1.6rem;
		line-height: 2.2rem;
		margin-top: 5px;
		color: #5d5f5f;
		margin-bottom: 5px;
	}
	.time i{
		font-size: 1.1rem;
	}
	.author{
		font-size: 1.8rem;
		line-height: 2rem;
		color: #5d5f5f;
		border-bottom: 1px solid #d5cccc;
		padding-bottom: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.author i{
		font-size: 1.1rem;
		background-color: #d5cccc;
		color: white;
		padding: 3px 5px 3px 5px;
		border-radius: 2px;
	}
	.author2{
		border: 1px solid #d7d7d7;
		padding: 5px;
		margin-bottom: 0px;
		border-radius: 5px;
	}
	.author2 i{
		font-size: 1.3rem;
		background-color: #d5cccc;
		color: black;
		border-radius: 50%;
	}
	.moreButton{
		font-size: 1.8rem;
		color: #344054;
		border: 1px solid #d0d5dd;
		box-shadow: 0 1px 2px rgba(16,24,40,.05);
		padding: 7px 20px;
		border-radius: 7px;
		font-weight: bold;
		text-decoration: none !important;
		cursor: pointer;
	}
	.moreButton:hover {
		color: #fff;
		background-color: #344054;
	}
	.moreButton i{
		font-size: 1.2rem;
		/*vertical-align: middle;*/
		/*margin-top: 0px;*/
	}
	.sectionTitle{
		font-size: 2.7rem;
		line-height: 3.7rem;
		margin-top: 0px;
		margin-bottom: 20px;
		border-bottom: 2px solid #edebeb;
	}
	.sectionTitle a{
		text-decoration: none !important;
		color: #333;
	}
	.sectionTitle a i{
		font-size: 1.8rem;
	}
	.sectionTitle .categoryIcon{
		height: 18px;
		vertical-align: middle;
		margin-top: 5px;
	}
	.rightMarkedMobile {
		background-color: rgb(220, 38, 39);
		height: 13px;
		width: 13px;
		display: inline-block;
		vertical-align: middle;
		margin-top: -7px;
		margin-left: 5px;
	}
	.leftMarkedMobile {
		background-color: var(--theme-primary);
		height: 18px;
		width: 13px;
		display: inline-block;
		vertical-align: middle;
		margin-top: -1px;
		margin-right: 5px;
	}

	.positionRelative{
		position: relative !important;
	}
	.positionAbsolute{
		position: absolute !important;
	}
	.verticalAlignSub{
		vertical-align: sub !important;
	}
	.verticalAlignMiddle{
		vertical-align: middle !important;
	}
	.displayInline{
		display: inline !important;
	}
	.displayInlineBlock{
		display: inline-block !important;
	}

	.sectionLead .thumbnail{
		border: none;
		padding: 0px;
		margin-bottom: 0px;
	}
	.sectionLead .thumbnail a{
		text-decoration: none !important;
	}
	.sectionLead .thumbnail .caption{
		padding-left: 20px;
		padding-right: 20px;
	}
	.sectionLead .thumbnail .caption h3{
		margin-top: 5px;
		margin-bottom: 0px;
	}


	.sectionListMedia .media{
		border-bottom: 1px solid #edebeb;
		margin-top: 0px;
		padding-bottom: 12px;
		padding-top: 7px;
	}
	.sectionListMedia .media a{
		text-decoration: none !important;
	}
	.sectionListMedia .media .media-left .media-object{
		border-radius: 5px;
		margin-top: 5px;
	}
	.sectionListMedia .media .media-body h4{
		font-size: 2.2rem;
		line-height: 3.2rem;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #333;
	}
	.sectionListMedia .media:last-child{
		border-bottom: none !important;
	}


	.sectionListThumbnail:nth-child(even){
		padding-right: 10px !important;
	}
	.sectionListThumbnail:nth-child(odd){
		padding-left: 10px !important;
	}
	.sectionListThumbnail:nth-last-child(1) .thumbnail{
		margin-bottom: 0px !important;
	}
	.sectionListThumbnail:nth-last-child(2) .thumbnail{
		margin-bottom: 0px !important;
	}
	.sectionListThumbnail .thumbnail{
		border: none;
		padding: 0px;
		margin-bottom: 5px;
	}
	.sectionListThumbnail .thumbnail a{
		text-decoration: none !important;
	}
	.sectionListThumbnail .thumbnail img{
		border-radius: 5px;
	}
	.sectionListThumbnail .thumbnail .caption{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
	}
	.sectionListThumbnail .thumbnail .caption h4{
		font-size: 2.2rem;
		line-height: 3.2rem;
		margin-top: 0px;
		margin-bottom: 0px;
	}


	/*slick gallery*/
	*:focus {
		outline: 0 !important;
	}
	.slick-prev{
		display: block;
		background-color: #333000e0;
		height: 40px;
		width: 40px;
		color: white !important;
		left: -4px !important;
		z-index: 9;
		border-radius: 50%;
		padding-top: 2px;
		box-shadow: 0 0 30px 2px lightgrey;
	}
	.slick-next{
		display: block;
		background-color: #333000e0;
		height: 40px;
		width: 40px;
		color: white !important;
		right: 0px !important;
		z-index: 9;
		border-radius: 50%;
		padding-top: 2px;
		box-shadow: 0 0 30px 2px lightgrey;
	}
	.slick-prev:before {
		content: '←' !important;
		color: white !important;
		opacity: 1 !important;
		top: 10 !important;
	}
	.slick-next:before {
		content: '→' !important;
		color: white !important;
		opacity: 1 !important;
		top: 10 !important;
	}
	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
		background-color: #333;
	}
	.photo-gallery .slick-dots{
		bottom: -10px !important
	}

	.pvIconLarge{
		position: absolute;
		top: 50%;
		left: 50%;
		height: 50px;
		width: 52px;
		background: #fff;
		color: #9a1515;
		transform: translate(-50%,-50%);
		text-align: center;
		line-height: 42px;
		border-radius: 50%;
		padding-left: 4px;
		border: 5px solid #fff;
		-webkit-box-shadow: 0 0 30px 2px grey;
		-moz-box-shadow: 0 0 30px 2px gray;
		box-shadow: 0 0 30px 2px grey;
		opacity: .8;
		font-size: 20px;
	}
	.thumbnail:hover .pvIconLarge{
		background: rgba(0,0,0,.14);
		color: #fff;
	}
	.media:hover .pvIconLarge{
		background: rgba(0,0,0,.14);
		color: #fff;
	}

	.pvIconMedium{
		position: absolute;
		top: 50%;
		left: 50%;
		height: 40px;
		width: 42px;
		background: #fff;
		color: #9a1515;
		transform: translate(-50%,-50%);
		text-align: center;
		line-height: 31px;
		border-radius: 50%;
		padding-left: 4px;
		border: 5px solid #fff;
		-webkit-box-shadow: 0 0 30px 2px grey;
		-moz-box-shadow: 0 0 30px 2px gray;
		box-shadow: 0 0 30px 2px grey;
		opacity: .8;
		font-size: 20px;
	}
	.thumbnail:hover .pvIconMedium{
		background: rgba(0,0,0,.14);
		color: #fff;
	}
	.media:hover .pvIconMedium{
		background: rgba(0,0,0,.14);
		color: #fff;
	}

	.pvIconSmall{
		position: absolute;
		top: 50%;
		left: 50%;
		height: 30px;
		width: 30px;
		background: #fff;
		color: #9a1515;
		transform: translate(-50%,-50%);
		text-align: center;
		line-height: 26px;
		border-radius: 50%;
		padding-left: 2px;
		border: 3px solid #fff;
		-webkit-box-shadow: 0 0 30px 2px grey;
		-moz-box-shadow: 0 0 30px 2px gray;
		box-shadow: 0 0 30px 2px grey;
		opacity: .8;
		font-size: 1rem;
	}
	.thumbnail:hover .pvIconSmall{
		background: rgba(0,0,0,.14);
		color: #fff;
	}
	.media:hover .pvIconSmall{
		background: rgba(0,0,0,.14);
		color: #fff;
	}

	.ppIconLarge{
		position: absolute;
		top: 35px;
		left: 40px;
		height: 41px;
		width: 48px;
		background: rgb(46 46 45);
		color: #fff;
		transform: translate(-50%,-50%);
		text-align: center;
		line-height: 42px;
		-webkit-box-shadow: 0 0 30px 2px grey;
		-moz-box-shadow: 0 0 30px 2px gray;
		box-shadow: 0 0 30px 2px grey;
		opacity: .8;
		font-size: 20px;
		border-radius: 3px;
	}

	.ppIconMedium{
		position: absolute;
		top: 26px;
		left: 30px;
		height: 30px;
		width: 35px;
		background: rgb(46 46 45);
		transform: translate(-50%,-50%);
		text-align: center;
		line-height: 32px;
		color: #fff;
		-webkit-box-shadow: 0 0 30px 2px grey;
		-moz-box-shadow: 0 0 30px 2px gray;
		box-shadow: 0 0 30px 2px grey;
		opacity: .8;
		font-size: 1.2rem;
		border-radius: 3px;
	}

	.ppIconSmall{
		position: absolute;
		top: 20px;
		left: 24px;
		height: 24px;
		width: 30px;
		background: rgb(46 46 45);
		transform: translate(-50%,-50%);
		text-align: center;
		line-height: 24px;
		color: #fff;
		-webkit-box-shadow: 0 0 30px 2px grey;
		-moz-box-shadow: 0 0 30px 2px gray;
		box-shadow: 0 0 10px 2px grey;
		opacity: .8;
		font-size: 1rem;
		border-radius: 3px;
	}
	.linkOverlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.mobileHeader{
		padding: 10px 0px;
		position: fixed;
		width: 100%;
		background-color: white;
		top: 0;
		z-index: 99;
		border-bottom: 1px solid #dedede;
		box-shadow: 0 4px 8px -2px rgba(16,24,40,.1), 0 2px 4px -2px rgba(16,24,40,.06);
	}
	.mobileSecondHeader{
		margin-top: 20px;
		border-bottom: 1px solid #edebeb;
	}
	.mobileSecondHeader table{
		width: 100%;
	}
	.mobileSecondHeader table td{
		text-align: center;
		padding-bottom: 6px
	}
	.mobileSecondHeader table td a{
		color: #6f6d6d;
	}
	.mobileSecondHeader table td a i{
		font-size: 1.6rem;
	}
	.mobileSecondHeaderActive{
		border-bottom: 2px solid rgb(220, 38, 39) !important;
	}
	.mobileSecondHeaderActive a{
		color: rgb(220, 38, 39) !important;
	}
	.mobileFooter{
		background-color: rgb(34, 34, 34);
		border-top: 1px solid #edebeb;
	}
	.mobileFooter .editorDiv{
		text-align: left;
		padding: 20px;
		color: white;
	}
	.mobileFooter .followDiv{
		font-size: 1.6rem;
		margin-bottom: 0px;
		padding: 10px 20px;
		text-align: left;
	}
	.mobileFooter .copyright{
		font-size: 1.6rem;
		margin-bottom: 0px;
		margin-top: 10px;
		color: white;
		text-align: left;
		/*font-weight: bold;*/
	}
	.mobileFooter .copyright i{
		font-size: 1rem;
	}
	.mobileFooter .linkDiv{
		text-align: left;
		padding: 5px 20px;
		margin-left: -5px;
	}
	.mobileFooter .linkDiv a{
		color: white;
		font-size: 1.4rem;
		border: 1px solid white;
		padding: 5px 5px;
		margin: 5px;
		display: inline-block;
		text-decoration: none !important;
	}

	.searchIcon{
		color: white;
		font-size: 1.6rem;
		text-align: center;
		border-radius: 50%;
		line-height: 30px;
	}
	.sidebarIcon{
		height: 32px;
		width: 32px;
		/* background-color: rgb(220, 38, 39); */
		border-radius: 50%;
		font-size: 25px;
		text-align: left;
		line-height: 33px;
		color: #5d5d5d;
		/*margin-left: 5px;*/
	}
	.opinionCatMedia{
		border: 1px solid #d7d7d7 !important;
		border-radius: 10px;
		overflow: visible;
		margin-bottom: 30px;
		padding: 10px 10px
	}
	.cursorPointer{
		cursor: pointer;
	}
	.loadMoreButton{
		font-size: 1.8rem;
		color: #333;
		border: 1px solid #d0d5dd;
		box-shadow: 0 1px 2px rgba(16,24,40,.05);
		padding: 7px 20px;
		border-radius: 7px;
		font-weight: bold;
		text-decoration: none !important;
		cursor: pointer;
	}
	.loadMoreButton:hover {
		color: #fff;
		background-color: rgb(220, 38, 39);
		border: 1px solid rgb(220, 38, 39);
	}
	.loadMoreButton i{
		font-size: 1.3rem;
	}
	.loadMoreButtonMobile{
		font-size: 1.6rem;
		color: #333;
		border: 1px solid #d0d5dd;
		box-shadow: 0 1px 2px rgba(16,24,40,.05);
		padding: 5px 20px;
		border-radius: 7px;
		font-weight: bold;
		text-decoration: none !important;
		cursor: pointer;
	}
	.loadMoreButtonMobile:hover {
		color: #fff;
		background-color: rgb(220, 38, 39);
		border: 1px solid rgb(220, 38, 39);
	}
	.loadMoreButtonMobile i{
		font-size: 1.3rem;
	}
	.live-icon {
		display: inline-block;
		position: relative;
		top: calc(50% - 5px);
		background-color: white;
		width: 8px;
		height: 8px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 50%;
		z-index: 1;
		left: 3px
	}
	.live-icon:before {
		content: "";
		display: block;
		position: absolute;
		background-color: rgba(255, 0, 0, 0.6);
		width: 100%;
		height: 100%;
		border-radius: 50%;
		animation: live 2s ease-in-out infinite;
		z-index: -1;
	}
	@keyframes live {
		0% {
			transform: scale(1, 1);
		}
		100% {
			transform: scale(3.5, 3.5);
			background-color: white;
		}
	}
	.subCategoryDiv{
		margin-bottom: 15px;
	}
	.subCategoryDiv ul{
		list-style: none;
		padding: 0px;
		margin: 0px
	}
	.subCategoryDiv ul li{
		display: inline-block;
		font-size: 1.8rem;
		margin-right: 5px;
	}
	.subCategoryDiv ul li h2{
		display: inherit;
		margin: 0px;
		padding: 0px;
		font-size: inherit;
	}
	.subCategoryDiv ul li h2 a{
		color: black;
		text-decoration: none !important;
	}
	.subCategoryDiv ul li i{
		font-size: 0.5rem;
		color: #acacef;
		vertical-align: middle;
		margin-top: -2px;
	}

	/*sidemenu*/
	.sidepanel  {
		width: 0;
		position: fixed;
		z-index: 9999;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgb(255 255 255);
		overflow-x: hidden;
		transition: 0.1s;
		/*padding-top: 60px;*/
		box-shadow: 0 3px 12px 0 rgb(0 0 0 / 40%);
	}

	.sidepanel a {
		padding: 7px 5px 5px 0px;
		text-decoration: none;
		/*font-size: 20px;*/
		color: #333;
		display: block;
		transition: 0.3s;
		border-bottom: 1px solid #c7e5e5;
	}

	.sidepanel a:hover {
		color: rgb(220, 38, 39);
	}

	.sidepanel .closebtn {
		/*position: absolute;*/
		/*top: -7px;*/
		/*right: 25px;*/
		font-size: 36px;
		border: none;
		padding: 0px !important;
		margin-top: 10px;
		font-weight: bold;
	}

	/*social icons*/
	.topSocialIconColored .fa{
		/*padding: 9px 8px 8px 8px;*/
		font-size: 16px;
		width: 34px;
		height: 34px;
		text-align: center;
		text-decoration: none;
		margin: 5px 1px;
		border-radius: 50%;
		line-height: 33px;
	}
	.topSocialIconColored .fa-facebook{
		background-color: #2d5f9a;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-facebook:hover{
		color: white;
		background-color: #1b4a82;
	}
	.topSocialIconColored .fa-facebook-messenger{
		background-color: #456ab6;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-facebook-messenger:hover{
		color: white;
	}
	.topSocialIconColored .fa-twitter{
		background-color: #1da1f2;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-twitter:hover{
		color: white;
	}
	.topSocialIconColored .fa-x-twitter{
		background-color: #333000d6;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-x-twitter:hover{
		color: white;
		background-color: #333000;
	}
	.topSocialIconColored .fa-linkedin{
		background-color: #005182;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-linkedin:hover{
		color: white;
		background-color: #003b5f;
	}
	.topSocialIconColored .fa-whatsapp{
		background-color: #52cc60;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-whatsapp:hover{
		color: white;
	}
	.topSocialIconColored .fa-print{
		background-color: #c1c1c1;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-print:hover{
		color: white;
	}

	.topSocialIconColored .fa-instagram{
		background-color: #c32aa3;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-instagram:hover{
		color: white;
		background-color: #8d1b75;
	}
	.topSocialIconColored .fa-youtube{
		background-color: #ff0000;
		color: white;
		border: none;
	}
	.topSocialIconColored .fa-youtube:hover{
		color: white;
		background-color: #c30404;
	}

	.topSocialIcon2 .fa {
		padding: 10px 20px;
		font-size: 14px;
		/* width: 34px; */
		text-align: center;
		text-decoration: none;
		margin: 5px 1px;
		/* border-radius: 50%; */
		color: white !important;
	}
	.topSocialIconColored2 .fa-facebook{
		background-color: #3b5998;
		color: white;
		border: none;
	}
	.topSocialIconColored2 .fa-facebook:hover{
		color: white;
	}
	.topSocialIconColored2 .fa-facebook-messenger{
		background-color: #456ab6;
		color: white;
		border: none;
	}
	.topSocialIconColored2 .fa-facebook-messenger:hover{
		color: white;
	}
	.topSocialIconColored2 .fa-twitter{
		background-color: #1da1f2;
		color: white;
		border: none;
	}
	.topSocialIconColored2 .fa-twitter:hover{
		color: white;
	}
	.topSocialIconColored2 .fa-linkedin{
		background-color: #0a66c2;
		color: white;
		border: none;
	}
	.topSocialIconColored2 .fa-linkedin:hover{
		color: white;
	}
	.topSocialIconColored2 .fa-whatsapp{
		background-color: #52cc60;
		color: white;
		border: none;
	}
	.topSocialIconColored2 .fa-whatsapp:hover{
		color: white;
	}
	.topSocialIconColored2 .fa-print{
		background-color: #c1c1c1;
		color: white;
		border: none;
	}
	.topSocialIconColored2 .fa-print:hover{
		color: white;
	}

	.topSocialIconColored2 .fa-instagram{
		background-color: #c32aa3;
		color: white;
		border: none;
	}
	.topSocialIconColored2 .fa-instagram:hover{
		color: white;
	}
	.topSocialIconColored2 .fa-youtube{
		background-color: #ff0000;
		color: white;
		border: none;
	}
	.topSocialIconColored2 .fa-youtube:hover{
		color: white;
	}

	.topSocialIcon i{
		display: inline-block !important;
	}
	.topSocialIcon a{
		display: inline-block !important;
	}
	.topSocialIcon span{
		display: inline-block !important;
	}
	.topSocialIcon a{
		cursor: pointer;
	}
	.topSocialIcon .fa {
		padding: 9px 8px 8px 8px;
		font-size: 14px;
		width: 34px;
		text-align: center;
		text-decoration: none;
		margin: 5px 1px;
		border-radius: 50%
	}
	.topSocialIcon a:first-child{
		margin-left: 0px
	}
	.topSocialIcon a:last-child{
		margin-right: 0px
	}
	.topSocialIcon .fa:hover {
		/*opacity: 0.7;*/
	}
	.topSocialIcon .fa-facebook {
		border: 1px solid #F1F1F1;
		color: #1b4a82;
	}
	.topSocialIcon .fa-facebook:hover {
		color: black;
	}
	.topSocialIcon .fa-twitter {
		border: 1px solid #F1F1F1;
		color: #333000;
	}
	.topSocialIcon .fa-twitter:hover {
		color: black;
	}
	.topSocialIcon .fa-x-twitter {
		border: 1px solid #F1F1F1;
		color: #333000;
	}
	.topSocialIcon .fa-x-twitter:hover {
		color: black;
	}
	.topSocialIcon .fa-whatsapp{
		background-color: #52cc60;
		color: white;
		border: none;
	}
	.topSocialIcon .fa-whatsapp:hover{
		color: white;
	}
	.topSocialIcon .fa-print{
		background-color: #c1c1c1;
		color: white;
		border: none;
	}
	.topSocialIcon .fa-print:hover{
		color: white;
	}

	.topSocialIcon .fa-google {
		border: 1px solid #F1F1F1;
		color: white;
	}
	.topSocialIcon .fa-google:hover {
		color: white;
	}
	.topSocialIcon .fa-linkedin {
		border: 1px solid #F1F1F1;
		color: #003b5f;
	}
	.topSocialIcon .fa-linkedin:hover {
		color: black;
	}
	.topSocialIcon .fa-youtube {
		border: 1px solid #F1F1F1;
		color: #c30404;
	}
	.topSocialIcon .fa-youtube:hover {
		color: black;
	}
	.topSocialIcon .fa-instagram {
		border: 1px solid #F1F1F1;
		color: #8d1b75;
	}
	.topSocialIcon .fa-instagram:hover {
		color: black;
	}
	.topSocialIcon .fa-envelope{
		background-color: #f70000;
		color: white;
		border: none;
	}
	.topSocialIcon .fa-envelope:hover{
		color: white;
	}




	/*special for desktop*/
	.desktopLocationDiv h2{
		color: #333;
	}
	.desktopLocationDiv select{
		height: 45px !important;
		font-size: 2rem;
	}
	.desktopLocationDiv button{
		height: 45px !important;
		font-size: 2rem;
		background-color: #344054;
		color: white;
	}
	.desktopLocationDiv button:hover{
		color: white;
		opacity: .9;
	}
	.desktopMoreButton{
		font-size: 2.2rem;
		color: #344054;
		border: 1px solid #d0d5dd;
		box-shadow: 0 1px 2px rgba(16,24,40,.05);
		padding: 7px 20px;
		border-radius: 7px;
		text-decoration: none !important;
		cursor: pointer;
	}
	.desktopMoreButton:hover {
		color: #fff;
		background-color: #344054;
		border: 1px solid #344054;
	}
	.desktopMoreButton i{
		font-size: 1.6rem;
		vertical-align: middle;
		margin-top: -3px;
	}
	.desktopMoreButtonActive{
		font-size: 2.2rem;
		color: white;
		background-color: #344054;
		border: 1px solid #d0d5dd;
		box-shadow: 0 1px 2px rgba(16,24,40,.05);
		padding: 7px 20px;
		border-radius: 7px;
		font-weight: bold;
		text-decoration: none !important;
		cursor: pointer;
	}
	.desktopMoreButtonActive:hover {
		color: black;
		background-color: unset;
	}
	.desktopMoreButtonActive i{
		font-size: 1.6rem;
		vertical-align: middle;
		margin-top: -3px;
	}
	.desktopVoteButtonActive{
		font-size: 1.8rem;
		color: white;
		background-color: #344054;
		border: 1px solid #d0d5dd;
		box-shadow: 0 1px 2px rgba(16,24,40,.05);
		padding: 5px 20px;
		border-radius: 7px;
		font-weight: bold;
		text-decoration: none !important;
		cursor: pointer;
	}
	.desktopVoteButtonActive:hover {
		color: black;
		background-color: unset;
	}
	.desktopVoteButtonActive i{
		font-size: 1.6rem;
		vertical-align: middle;
		margin-top: -3px;
	}
	.desktopFlexRow{
		display: flex;
		flex-wrap: wrap;
	}
	.desktopSectionTitle{
		font-size: 3rem;
		line-height: 5rem;
		margin-top: 0px;
		/*display: inline-block;*/
		margin-bottom: 20px;
		border-bottom: 2px solid #dddddd;
		font-weight: bold;
	}
	.desktopSectionTitle a{
		text-decoration: none !important;
		color: #333;
	}
	.desktopSectionTitle a:hover{
		color: rgb(220, 38, 39);
	}
	.desktopSectionTitle a i{
		font-size: 2rem;
	}
	.desktopSectionTitle .categoryIcon{
		height: 20px;
		vertical-align: middle;
		margin-top: -2px;
	}

	.desktopCategoryTitle{
		font-size: 3rem;
		line-height: 3.8rem;
		margin-top: 0px;
		margin-bottom: 5px;
		display: inline-block;
	}
	.desktopCategoryTitle a{
		text-decoration: none !important;
		color: #333;
	}
	.desktopCategoryTitle a:hover{
		color: rgb(220, 38, 39);
	}
	.desktopCategoryTitle a i{
		font-size: 2rem;
	}
	.desktopSubCategoryDiv{
	}
	.desktopSubCategoryDiv ul{
		list-style: none;
		padding: 0px;
		margin: 0px
	}
	.desktopSubCategoryDiv ul li{
		display: inline-block;
		font-size: 2.4rem;
		margin-right: 5px;
	}
	.desktopSubCategoryDiv ul li h2{
		display: inherit;
		margin: 0px;
		padding: 0px;
		font-size: 2.2rem;
	}
	.desktopSubCategoryDiv ul li h2 a{
		color: #333;
		text-decoration: none !important;
	}
	.desktopSubCategoryDiv ul li h2 a:hover{
		color: rgb(220, 38, 39);
	}
	.desktopSubCategoryDiv ul li i{
		font-size: 0.5rem;
		color: #acacef;
		vertical-align: middle;
		margin-top: -3px;
	}


	.desktopCategoryTitleVideo{
		font-size: 5rem;
		line-height: 5rem;
		margin-top: 0px;
		margin-bottom: 5px;
		display: inline-block;
	}
	.desktopCategoryTitleVideo a{
		text-decoration: none !important;
		color: #333;
	}
	.desktopCategoryTitleVideo a:hover{
		color: rgb(220, 38, 39);
	}
	.desktopCategoryTitleVideo a i{
		font-size: 2rem;
		vertical-align: middle;
	}
	.desktopSubCategoryDivVideo{
		margin-top: 25px;
		width: 100%;
	}
	.desktopSubCategoryDivVideo ul{
		list-style: none;
		padding: 0px;
		margin: 0px;
		background-color: rgb(0 0 187 / 50%);
	}
	.desktopSubCategoryDivVideo ul li{
		display: inline-block;
		border-right: 1px solid white;
		margin: 0px;
		margin-left: -0.4rem;
	}
	.desktopSubCategoryDivVideo ul li:first-child{
		margin-left: 0px;
	}
	.desktopSubCategoryDivVideo ul li h2{
		margin: 0px;
		padding: 0px;
	}
	.desktopSubCategoryDivVideo ul li a{
		font-size: 2.2rem;
		line-height: 4rem;
		padding: 5px 10px;
		text-decoration: none;
	}
	.desktopSubCategoryDivVideo ul li:hover{
		background-color: #e6e7e8;
	}
	.desktopSubCategoryDivVideo ul li:hover a{
		background-color: #e6e7e8;
		border-bottom: 4px solid #a94141;
		color: black;
	}
/*.desktopSubCategoryDivVideo ul li h2{
	display: inherit;
	margin: 0px;
	padding: 0px;
	font-size: inherit;
}
.desktopSubCategoryDivVideo ul li h2 a{
	color: #333;
	text-decoration: none !important;
}
.desktopSubCategoryDivVideo ul li h2 a:hover{
	color: rgb(220, 38, 39);
}
.desktopSubCategoryDivVideo ul li i{
	font-size: 0.5rem;
	color: #acacef;
	vertical-align: middle;
	margin-top: -1px;
}
*/

.desktopDivider{
	border-top: 1px solid #edebeb;
	margin: 20px 0px;
}
.desktopSummary{
	font-size: 1.8rem;
	line-height: 2.6rem;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #5d5f5f;;
}
.desktopSummary2{
	font-size: 1.8rem;
	line-height: 2.1rem;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #5d5f5f;;
}
.desktopTime{
	font-size: 1.8rem;
	line-height: 2.6rem;
	margin-top: 5px;
	color: #5d5f5f;
	margin-bottom: 5px;
}
.desktopTime i{
	font-size: 1.1rem;
	vertical-align: middle;
	margin-top: -2px;
}
.desktopDetailReporter{
	font-size: 2rem;
	line-height: 2.8rem;
	margin-bottom: 2px;
	margin-top: 0px;
	display: inline-block;
	color: #101828;
}
.desktopDetailIcon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	margin-top: -8px;
}
.desktopDetailHeadline{
	font-size: 4.2rem;
	line-height: 5.5rem;
	color: #333;
}
.desktopDetailShoulder{
	font-size: 2.3rem;
	line-height: 3rem;
	color: #d10707;
	margin-bottom: 10px;
}
.desktopDetailHanger{
	font-size: 2.3rem;
	line-height: 3rem;
	color: #7e5fb6;
}
.desktopDetailCat{
	font-size: 2.3rem;
	line-height: 3rem;
	/*margin-bottom: 20px;*/
	margin-top: 0px;
}
.desktopDetailCat a{
	border-bottom: 2px solid;
	text-decoration: none !important;
}
.desktopDetailPTime {
	font-size: 1.8rem;
	line-height: 2.3rem;
	margin-bottom: 0px;
	margin-top: 0px;
}
.desktopDetailPhotoDiv{
	margin: 0px;
	padding: 0px;
}
.desktopDetailPhotoDiv .desktopDetailPhoto .photoCounter{
	font-size: 20px;padding: 5px 20px;line-height: 20px;border-radius: 20px;margin-top: 10px;margin-bottom: 10px;display: inline-block;
}
.desktopDetailPhotoDiv .desktopDetailPhoto{
	margin-bottom: 20px;
}
.desktopDetailPhotoDiv .desktopDetailPhoto figcaption p{
	margin-bottom: 0px;
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding: 10px 10px;
	border: 1px solid #edebeb;
}
.desktopDetailBody{
	font-size: 2.2rem !important;
	line-height: 3.4rem !important;
	text-align: left !important;
	color: #333;
}
.desktopDetailBody h1{
	margin-top: 0px !important;
	margin-bottom: 30px !important;
	line-height: 3.4rem !important;
}
.desktopDetailBody h2{
	margin-top: 0px !important;
	margin-bottom: 30px !important;
	line-height: 3.4rem !important;
}
.desktopDetailBody h3{
	margin-top: 0px !important;
	margin-bottom: 30px !important;
	line-height: 3.4rem !important;
}
.desktopDetailBody p{
	font-size: 2.2rem !important;
	line-height: 3.4rem !important;
	margin-bottom: 30px !important;
}
.desktopDetailBody span{
	font-size: 2.2rem !important;
	line-height: 3.4rem !important;
}
.desktopDetailBody label{
	font-size: 2.2rem !important;
	line-height: 3.4rem !important;
}
.desktopDetailBody iframe{
	width: 100% !important;
	/*height: 390px !important*/
}
.desktopDetailBody .twitter-tweet iframe{
	width: 100% !important;
	height: 500px !important;
}
.desktopDetailBody figure{
	width: 100% !important
}
.desktopDetailBody figure figcaption{
	margin-bottom: 0px;
	font-size: 1.8rem !important;
	line-height: 2.4rem !important;
	padding: 10px 10px;
	border: 1px solid #edebeb;
	margin-bottom: 30px;
	color: black !important;
}
.desktopDetailBody figure figcaption span{
	color: black !important;
	font-size: 1.8rem !important;
	line-height: 2.4rem !important;
}
.desktopDetailVideo{
	margin: 0px;
	padding: 0px;
	margin-bottom: 30px;
}
.desktopDetailVideo iframe{
	width: 100% !important;
	height: 550px !important
}
.desktopDetailDocument{
	padding-top: 10px;
	padding-bottom: 10px;
}
.desktopDetailDocument p{
	font-size: 2.2rem !important;
	line-height: 3.4rem;
	margin-bottom: 0px;
}
.desktopDetailDocument p a{
	text-decoration: none !important;
}
.desktopDetailDocument p a i{
	font-size: 1.6rem;
	vertical-align: middle;
	margin-top: -3px;
}
.desktopDetailTag{
	margin-top: 10px;
}
.desktopTagItem{
	font-size: 2rem !important;
	line-height: 2.8rem;
	padding: 10px 15px 7px 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none !important;
	margin-right: 5px;
	border: 1px solid #edebeb;
	color: #333;
}
.desktopTagItem i{
	font-size: 1.6rem;
}
.desktopTrendingTopicItem{
	font-size: 2rem !important;
	line-height: 2rem;
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none !important;
	margin-right: 5px;
	border: 1px solid #edebeb;
	color: #333;
}
.desktopTrendingTopicItem i{
	font-size: 1.6rem;
}
.desktopDetailLiveupdate{
	font-size: 2.2rem !important;
	line-height: 3.4rem !important;
	text-align: left !important;
	color: #333;
}
.desktopDetailLiveupdate h1{
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	line-height: 3.4rem !important;
}
.desktopDetailLiveupdate h2{
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	line-height: 3.4rem !important;
}
.desktopDetailLiveupdate h3{
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	line-height: 3.4rem !important;
}
.desktopDetailLiveupdate p{
	font-size: 2.2rem !important;
	line-height: 3.4rem !important;
	margin-bottom: 20px !important;
}
.desktopDetailLiveupdate span{
	font-size: 2.2rem !important;
	line-height: 3.4rem !important;
}
.desktopDetailLiveupdate label{
	font-size: 2.2rem !important;
	line-height: 3.4rem !important;
}
.desktopDetailLiveupdate iframe{
	width: 100% !important;
	/*height: 390px !important*/
}
.desktopDetailLiveupdate .twitter-tweet iframe{
	width: 100% !important;
	height: 500px !important;
}
.desktopDetailLiveupdate figure{
	width: 100% !important
}
.desktopDetailLiveupdate figure figcaption{
	margin-bottom: 0px;
	font-size: 1.8rem !important;
	line-height: 2.4rem !important;
	padding: 10px 10px;
	border: 1px solid #edebeb;
	margin-bottom: 20px;
	color: black !important;
}
.desktopDetailLiveupdate figure figcaption span{
	color: black !important;
	font-size: 1.8rem !important;
	line-height: 2.4rem !important;
}



.mobileTrendingTopicItem{
	font-size: 1.8rem !important;
	line-height: 2rem;
	padding: 3px 8px;
	margin-top: 3px;
	margin-bottom: 3px;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none !important;
	margin-right: 3px;
	border: 1px solid #edebeb;
	color: #333;
}
.mobileTrendingTopicItem i{
	font-size: 1.6rem;
}

.desktopSocialIconDiv{
	border: 1px solid #edebeb;
	padding: 10px 5px;
	border-radius: 5px;
}
.desktopNewsCount{
	background-color: #eaecf0;
	height: 50px;
	width: 50px;
	display: block;
	text-align: center;
	border-radius: 50%;
	font-size: 3rem;
	line-height: 5rem;
}
.desktopMediaHeadline{
	font-size: 2.2rem;
	line-height: 2.4rem;
	margin-top: 0px;
	color: #333;
}

.listItemLastMB0 .desktopSectionLead .thumbnail{
	margin-bottom: 10px !important;
}
.listItemLastMB0 .desktopSectionLead:last-child .thumbnail{
	margin-bottom: 0px !important;
}
.listItemFirstPT0 .media:first-child{
	padding-top: 0px !important;
}
.listItemFirstBT0 .media:first-child{
	border-top: none !important;
}
.listItemLastBB0 .media:last-child{
	border-bottom: none !important;
}
.listItemLastBB0 .desktopSectionLead:last-child .borderC1B1{
	border-bottom: none !important;
}
.desktopSectionLead .thumbnail{
	border: none;
	padding: 0px;
	margin-bottom: 0px;
}
.desktopSectionLead .thumbnail a{
	text-decoration: none !important;
}
.desktopSectionLead .thumbnail .caption{
	padding-left: 0px;
	padding-right: 0px;
}
.desktopSectionLead .thumbnail .caption h3{
	margin-top: 5px;
	margin-bottom: 0px;
	color: #333;
}
.bgOrange .desktopSectionLead .thumbnail .caption h3{
	color: white;
}
.desktopSectionLead .thumbnail:hover .caption h1{
	color: rgb(220, 38, 39);
}
.desktopSectionLead .thumbnail:hover .caption h2{
	color: rgb(220, 38, 39);
}
.desktopSectionLead .thumbnail:hover .caption h3{
	color: rgb(220, 38, 39);
}
.desktopSectionLead .thumbnail:hover .caption h4{
	color: rgb(220, 38, 39);
}
.desktopSectionLead .thumbnail:hover img{
	opacity: .8;
}

.desktopSectionLead:hover .caption h1{
	color: rgb(220, 38, 39);
}
.desktopSectionLead:hover .caption h2{
	color: rgb(220, 38, 39);.stickyLogoHidden {
		display: none !important;
	}
}
.desktopSectionLead:hover .caption h3{
	color: rgb(220, 38, 39);
}
.desktopSectionLead:hover .caption h4{
	color: rgb(220, 38, 39);
}
.desktopSectionLead:hover img{
	opacity: .8;
}


.bgOrange .desktopSectionLead .thumbnail:hover .caption h1{
	color: rgb(220, 38, 39);
}
.bgOrange .desktopSectionLead .thumbnail:hover .caption h2{
	color: rgb(220, 38, 39);
}
.bgOrange .desktopSectionLead .thumbnail:hover .caption h3{
	color: rgb(220, 38, 39);
}
.bgOrange .desktopSectionLead .thumbnail:hover .caption h4{
	color: rgb(220, 38, 39);
}

.thumbHoverBlue .thumbnail:hover .caption h1{
	color: rgb(220, 38, 39) !important;
}
.thumbHoverBlue .thumbnail:hover .caption h2{
	color: rgb(220, 38, 39) !important;
}
.thumbHoverBlue .thumbnail:hover .caption h3{
	color: rgb(220, 38, 39) !important;
}
.thumbHoverBlue .thumbnail:hover .caption h4{
	color: rgb(220, 38, 39) !important;
}


.topThumbNews .desktopSectionLead:nth-child(3) .thumbnail{
	margin-bottom: 0px !important
}
.topThumbNews .desktopSectionLead:nth-child(4) .thumbnail{
	margin-bottom: 0px !important
}
.topThumbNews .desktopSectionLead:nth-child(3) .thumbnail .caption{
	padding-bottom: 0px !important
}
.topThumbNews .desktopSectionLead:nth-child(4) .thumbnail .caption{
	padding-bottom: 0px !important
}

.topNews .desktopSectionListMedia .media{
	padding-top: 15px;
}
.topNews .desktopSectionListMedia .media:first-child{
	padding-top: 0px;
}
.topNews .desktopSectionListMedia .media:last-child{
	border: none;
}
.doubleBorder .desktopSectionListMedia .media{
	border-bottom: 2px solid #dddddd;
}
.desktopSectionListMedia .media{
	border-bottom: 1px solid #edebeb;
	margin-top: 0px;
	padding-bottom: 15px;
	padding-top: 10px;
}
.desktopSectionListMedia .media a{
	text-decoration: none !important;
}
.desktopSectionListMedia .media .media-body{
	padding-left: 2px;
}
.desktopSectionListMedia .media .media-left .media-object{
	border-radius: 5px;
	margin-top: 6px;
}
.desktopSectionListMedia .media .media-body h1{
	font-size: 2.2rem;
	line-height: 2.6rem;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333;
}
.desktopSectionListMedia .media .media-body h2{
	font-size: 2.2rem;
	line-height: 2.6rem;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333;
}
.desktopSectionListMedia .media .media-body h3{
	font-size: 2.2rem;
	line-height: 2.6rem;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333;
}
.desktopSectionListMedia .media .media-body h4{
	font-size: 2.2rem;
	line-height: 2.6rem;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333;
}
.desktopSectionListMedia .media:hover .media-body h1{
	color: rgb(220, 38, 39);
}
.desktopSectionListMedia .media:hover .media-body h2{
	color: rgb(220, 38, 39);
}
.desktopSectionListMedia .media:hover .media-body h3{
	color: rgb(220, 38, 39);
}
.desktopSectionListMedia .media:hover .media-body h4{
	color: rgb(220, 38, 39);
}
.desktopSectionListMedia .media:hover .media-object{
	opacity: .8;
}

/* আরও পড়ুন section - smaller font for sidebar list */
.categoryNewsWidgetDesktop1 .desktopSectionListMedia .media-body h4,
.categoryNewsWidgetDesktop1 .desktopSectionListMedia h4.title11 {
	font-size: 1.4rem !important;
	line-height: 1.5 !important;
}

.bottomMarked{
	width: 30px;
	height: 3px;
	margin-bottom: -1px;
	background-color: #a84040;
	display: block;
}
.rightMarked{
	background-color: rgb(220, 38, 39);
	height: 15px;
	width: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -6px;
	margin-left: 5px;
}
.leftMarked{
	background-color: var(--theme-primary);
	height: 20px;
	width: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}
.adDiv{
	text-align: center;
	margin: 0 auto;
}
.marginCenter{
	text-align: center;
	margin: 0 auto;
}
.epaperSpan{
	position: absolute;
	top: 0;
	left: 0px;
	font-size: 2rem;
	margin-top: 15px;
}
.epaperSpan a{
	border: none;
	margin-left: 32px;
	padding: 2px 20px;
	font-size: 2rem;
	/* line-height: 2.7rem; */
	border-radius: 7px;
	color: #344054;
	border: 1px solid #d0d5dd !important;
	box-shadow: 0 1px 2px rgba(16,24,40,.05);
}
.desktopBeta{
	margin-right: 20px;
	font-size: 1.6rem !important;
	font-weight: normal;
	display: block !important;
	cursor: text !important;
}


#desktopSidebar{
	right: 0 !important;
	left: unset !important;
}
#desktopSidebar a{
	border-top: 1px solid #c7e5e5;
	border-bottom: none;
	color: #333;
}
#desktopSidebar a:hover{
	color: #fff !important;
	background-color: #344054;
	border-top: 1px solid #344054;
}
#desktopSidebar .closebtn{
	border: none;
}
#desktopSidebar .closebtn:hover{
	background-color: unset;
	color: black !important;
	border: none;
}
.desktopSidebarCatTitle {
	font-size: 2.3rem;
	line-height: 2.7rem;
	/*padding-top: 8px !important;*/
	/*padding-bottom: 8px !important;*/
}
.desktopSidebarCatTitle i{
	font-size: 1.8rem;
}
/* ========================================
   New Header Design (Kalukhali Times Style)
   ======================================== */

/* Skip to content link for accessibility */
.skip-to-content {
	position: absolute;
	top: -40px;
	left: 0;
	background: #d32f2f;
	color: #ffffff;
	padding: 8px 16px;
	text-decoration: none;
	font-weight: 600;
	z-index: 9999;
	transition: top 0.3s ease;
}

.skip-to-content:focus {
	top: 0;
}

/* Top Section - Light Background */
.headerTopSection {
	background: #f8f9fa;
	padding: 12px 0;
	border-bottom: 1px solid #e9ecef;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 100;
	display: none; /* Temporarily hidden */
}

.headerTopLeft {
	display: flex;
	align-items: center;
	gap: 24px;
	height: 36px;
	padding-left: 0;
}

.headerTopSection .container .row > div {
	padding-left: 15px;
	padding-right: 15px;
}

.headerTopDate,
.headerTopWeather {
	color: #495057;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 1.5;
	transition: color 0.3s ease;
}

.headerTopDate:hover,
.headerTopWeather:hover {
	color: #212529;
}

.headerTopDate i,
.headerTopWeather i {
	color: #d32f2f;
	font-size: 1.5rem;
}

/* Top Ticker (Dark) */
.headerTopTicker {
	display: flex;
	align-items: center;
	height: 32px;
	background: rgba(0,0,0,0.3);
	border-radius: 0.75rem;
	overflow: hidden;
}

.headerTopTickerLabel {
	background: #d32f2f;
	color: #ffffff;
	padding: 0 15px;
	font-size: 1.3rem;
	font-weight: 600;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.headerTopTickerLabel i {
	font-size: 1.2rem;
}

.headerTopTickerContent {
	flex: 1;
	overflow: hidden;
	padding: 0 15px;
}

.headerTopTickerScroll {
	display: flex;
	gap: 30px;
	animation: tickerScrollTop 45s linear infinite;
	white-space: nowrap;
}

.headerTopTickerScroll:hover {
	animation-play-state: paused;
}

@keyframes tickerScrollTop {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.headerTopTickerItem {
	color: #ffffff;
	font-size: 1.3rem;
	text-decoration: none !important;
	white-space: nowrap;
}

.headerTopTickerItem:hover {
	color: #ffeb3b;
}

.headerTopTickerNav {
	display: flex;
	gap: 2px;
	padding-right: 5px;
}

.headerTopTickerBtn {
	width: 24px;
	height: 24px;
	background: rgba(255,255,255,0.1);
	border: none;
	border-radius: 0.75rem;
	color: #ffffff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}

.headerTopTickerBtn:hover {
	background: rgba(255,255,255,0.2);
}

/* Social Icons */
.headerTopSocial {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	height: 36px;
}

.headerTopSocial a {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #6c757d;
	font-size: 1.5rem;
	background: #e9ecef;
	border: 1px solid #dee2e6;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	text-decoration: none;
}

.headerTopSocial a:hover,
.headerTopSocial a:focus {
	background: #d32f2f;
	color: #ffffff;
	border-color: #d32f2f;
	transform: scale(1.1);
	box-shadow: 0 4px 8px rgba(211, 47, 47, 0.3);
	text-decoration: none;
}

.headerTopSocial a:focus {
	outline: 2px solid #d32f2f;
	outline-offset: 2px;
}

/* Main Header Section - White */
.headerMainSection {
	background: #ffffff;
	padding: 16px 0;
	border-bottom: 1px solid #eee;
	box-shadow: none;
	position: relative;
	z-index: 99;
}

.headerMainLeft {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 64px;
	padding-left: 0;
}

.headerMainSection .container .row > div {
	padding-left: 15px;
	padding-right: 15px;
}

.headerMenuBtn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 4px 24px;
	background: #d32f2f;
	color: #ffffff;
	border-radius: 8px;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.5;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	border: none;
	text-decoration: none;
}

.headerMenuBtn:hover,
.headerMenuBtn:focus {
	background: #b71c1c;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);
	outline: none;
}

.headerMenuBtn:focus {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

.headerMenuBtnClose {
	display: none;
}

.headerMenuBtn i {
	font-size: 1.6rem;
	flex-shrink: 0;
}

.headerMainLogo {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	min-height: 75px;
}

.headerMainLogo a {
	display: inline-block;
	transition: opacity 0.3s ease;
}

.headerMainLogo a:hover {
	opacity: 0.9;
}

.headerMainLogo img {
	max-height: 75px;
	width: auto;
	height: auto;
	transition: transform 0.3s ease;
}

.headerMainLogo a:hover img {
	transform: scale(1.02);
}

/* Text Logo Fallback */
.logo-link {
	position: relative;
	display: inline-block;
}

.logo-text-fallback {
	display: none;
	font-size: 5.2rem;
	font-weight: 700;
	color: #d32f2f;
	line-height: 1;
	letter-spacing: -0.5px;
}

/* Show text fallback when image fails to load or is hidden */
.logo-link img[style*="display: none"] + .logo-text-fallback {
	display: inline-block !important;
}

/* Show text fallback when no image tag exists */
.logo-link.no-logo-image .logo-text-fallback {
	display: inline-block !important;
}

.logo-text-fallback-white {
	color: #d32f2f;
}

.headerMainLogo .logo-text-fallback {
	font-size: 5.2rem;
}

.stickyLogo {
	display: none;
}

.stickyLogo .logo-text-fallback {
	font-size: 4rem;
}

.stickyLogo .logo-image {
	max-height: 40px;
	width: auto;
	display: block;
}

/* Footer text logo */
.footerLogo .logo-text-fallback {
	font-size: 5.2rem;
	color: #d32f2f;
	display: none;
}

.footerLogo img[style*="display: none"] + .logo-text-fallback,
.footerLogo.no-logo-image .logo-text-fallback {
	display: inline-block !important;
}

.headerMainTagline {
	margin: 5px 0 0 0;
	font-size: 1.4rem;
	color: #666666;
	font-style: italic;
}

.headerMainRight {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	height: 64px;
}

.headerBtnPrimary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 4px 24px;
	background: #d32f2f;
	color: #ffffff !important;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5;
	border-radius: 8px;
	text-decoration: none !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	border: none;
	cursor: pointer;
}

.headerBtnPrimary:hover,
.headerBtnPrimary:focus {
	background: #b71c1c;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);
	text-decoration: none;
}

.headerBtnPrimary:focus {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

.headerBtnPrimary i {
	flex-shrink: 0;
}

.headerBtnOutline {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 4px 24px;
	background: transparent;
	color: #333333 !important;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5;
	border: 2px solid #333333;
	border-radius: 8px;
	text-decoration: none !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
}

.headerBtnOutline:hover,
.headerBtnOutline:focus {
	background: #333333;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(51, 51, 51, 0.2);
	text-decoration: none;
}

.headerBtnOutline:focus {
	outline: 2px solid #333333;
	outline-offset: 2px;
}

.headerBtnOutline i {
	flex-shrink: 0;
}

/* TV Style News Ticker - Temporarily Hidden */
.tvTicker {
	background: linear-gradient(135deg, #c62828 0%, #d32f2f 50%, #c62828 100%);
	height: 48px;
	overflow: hidden;
	border-radius: 0.75rem;
	position: relative;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	display: none !important; /* Temporarily hidden */
}

.tvTicker .container {
	height: 100%;
}

.tvTicker .paddingLR0 {
	padding-left: 0;
	padding-right: 0;
}

.tvTickerInner {
	display: flex;
	align-items: center;
	height: 48px;
	width: 100%;
}

.tvTickerLabel {
	background: #ffffff;
	color: #d32f2f;
	padding: 10px 24px;
	font-size: 1.5rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
	border-radius: 0.75rem;
	margin-right: 16px;
	flex-shrink: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 2;
}

.tvTickerLive {
	width: 12px;
	height: 12px;
	background: #d32f2f;
	border-radius: 50%;
	animation: tvLivePulse 1.2s ease-in-out infinite;
	flex-shrink: 0;
}

@keyframes tvLivePulse {
	0%, 100% { 
		opacity: 1; 
		box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.8);
		transform: scale(1);
	}
	50% { 
		opacity: 0.7; 
		box-shadow: 0 0 0 10px rgba(211, 47, 47, 0);
		transform: scale(1.1);
	}
}

.tvTickerLabel i {
	color: #d32f2f;
	font-size: 1.5rem;
	flex-shrink: 0;
}

.tvTickerContent {
	flex: 1;
	overflow: hidden;
	position: relative;
}

.tvTickerTrack {
	display: flex;
	align-items: center;
	animation: tvTickerScroll 40s linear infinite;
	white-space: nowrap;
}

.tvTicker:hover .tvTickerTrack {
	animation-play-state: paused;
}

@keyframes tvTickerScroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.tvTickerItem {
	display: inline-flex;
	align-items: center;
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 1.4;
	text-decoration: none !important;
	padding: 0 32px;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.tvTickerItem:hover {
	color: #ffeb3b;
	text-decoration: none !important;
}

.tvTickerDot {
	color: #ffeb3b;
	margin-right: 14px;
	font-size: 0.9rem;
	flex-shrink: 0;
}

/* Hidden elements classes (replacing inline styles) */
/* Note: headerMenuBtnClose uses display:none without !important to allow jQuery toggle */

/* .stickyLogoHidden {
	display: none !important;
} */

.desktopStickyBarHidden {
	display: none !important;
}

.desktopStickyBar {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

.desktopStickyBarClose {
	display: none;
}

/* Header search link styling */
.headerSearchLink {
	color: #dc2627;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	font-size: 1.8rem;
}

.headerSearchLink:hover,
.headerSearchLink:focus {
	color: rgb(220, 38, 39);
	text-decoration: none;
	outline: 2px solid rgb(220, 38, 39);
	outline-offset: 4px;
	border-radius: 2px;
}

/* ========================================
   News Ticker Styles
   ======================================== */

.newsTickerWrapper {
	background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
	padding: 0;
	overflow: hidden;
	border-radius: 0.75rem;
}

.newsTicker {
	display: flex;
	align-items: center;
	height: 45px;
}

.newsTickerLabel {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #ffffff;
	color: #d32f2f;
	padding: 10px 20px;
	border-radius: 0.75rem 0 0 0.75rem;
	font-size: 1.6rem;
	font-weight: 700;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}

.newsTickerLabel::after {
	content: '';
	position: absolute;
	right: -15px;
	top: 0;
	width: 0;
	height: 0;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	border-left: 15px solid #ffffff;
}

.newsTickerLabel i {
	font-size: 1.8rem;
	animation: tickerPulse 1.5s ease-in-out infinite;
}

@keyframes tickerPulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.7; transform: scale(1.1); }
}

.newsTickerContent {
	flex: 1;
	overflow: hidden;
	margin-left: 25px;
	position: relative;
}

.newsTickerScroll {
	display: flex;
	align-items: center;
	animation: tickerScroll 55s linear infinite;
	white-space: nowrap;
}

.newsTickerScroll:hover {
	animation-play-state: paused;
}

@keyframes tickerScroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.newsTickerItem {
	display: inline-flex;
	align-items: center;
	color: #ffffff !important;
	font-size: 1.6rem;
	text-decoration: none !important;
	padding: 0 25px;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.newsTickerItem:hover {
	color: #ffeb3b !important;
	text-decoration: none !important;
}

.newsTickerDot {
	width: 8px;
	height: 8px;
	background: #ffeb3b;
	border-radius: 50%;
	margin-right: 12px;
	flex-shrink: 0;
}

.newsTickerControls {
	display: flex;
	align-items: center;
	gap: 5px;
	padding-left: 15px;
}

.newsTickerBtn {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.15);
	border: none;
	border-radius: 50%;
	color: #ffffff;
	font-size: 1.4rem;
	cursor: pointer;
	transition: all 0.3s ease;
}

.newsTickerBtn:hover {
	background: rgba(255,255,255,0.3);
	transform: scale(1.1);
}

.newsTickerBtn:focus {
	outline: none;
}

/* Legacy styles for backward compatibility */
.desktopHeaderLogoLeftDiv{
	margin-top: 15px;
	text-align: left;
}
.desktopHeaderLogoLeftDiv span{
	font-size: 2.4rem;
	color: #727679;
	font-weight: bold;
	cursor: pointer;
}
.desktopHeaderLogoLeftDiv .desktopTodayDate{
	font-weight: normal !important;
	cursor: text;
	/*margin-left: 10px;*/
}
.desktopHeaderLogoRightDiv{
	margin-top: 5px;
	text-align: right;
	margin-bottom: 8px;
}
.desktopHeaderLogoRightDiv a{
	font-size: 1.8rem;
	color: #333;
	border: 1px solid #F1F1F1;
	box-shadow: 0 1px 2px rgba(16,24,40,.05);
	padding: 2px 10px 0px 10px;
	border-radius: 7px;
	/*font-weight: bold;*/
	text-decoration: none !important;
	margin-left: 5px;
}
.desktopHeaderLogoRightDiv a:hover {
	color: #fff;
	background-color: rgb(220, 38, 39);
	border: 1px solid rgb(220, 38, 39);
}
.desktopMegamenuSpecialLinks{
	text-align: left;
	margin-bottom: 8px;
}
.desktopMegamenuSpecialLinks a{
	font-size: 1.8rem;
	color: #344054;
	border: 1px solid #d0d5dd;
	box-shadow: 0 1px 2px rgba(16,24,40,.05);
	padding: 3px 10px 1px 10px;
	/*border-radius: 7px;*/
	text-decoration: none !important;
	margin-left: 5px;
}
.desktopMegamenuSpecialLinks a:first-child{
	margin-left: 0px;
}
.desktopMegamenuSpecialLinks a:hover {
	color: #fff;
	background-color: rgb(220, 38, 39);
	border: 1px solid rgb(220, 38, 39);
}
.desktopSearchIcon{
	vertical-align: middle;
	margin-top: 3px;
	display: inline-block;
	font-weight: bold;
	font-size: 1.8rem;
	color: white;
}
.desktopSearchIcon2 {
	font-size: 1.8rem;
	color: #dc2627;
	line-height: 1.6rem;
	transition: all 0.3s ease;
}

.headerSearchLink:hover .desktopSearchIcon2 {
	transform: scale(1.1);
	color: rgb(220, 38, 39);
}

.desktopStickyBarIcon {
	color: #dc2627;
	line-height: 1.6rem;
	font-size: 1.8rem;
	margin-left: 5px;
	width: 20px;
	text-align: right;
	transition: all 0.3s ease;
	cursor: pointer;
}

.desktopStickyBarIcon:hover {
	transform: scale(1.1);
	color: rgb(220, 38, 39);
}

.fixed-top{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	transition: all 0.3s ease;
	background-color: #ffffff;
}

.nav-tabs{
	border-bottom: none !important;
	/*padding-bottom: 10px;*/
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}
.nav-tabs li{
	display: inline-block;
	width: 50%;
	/*margin-top: 9px;*/
}
.nav-tabs>li>a {
	color: #333;
	cursor: default;
	background-color: #d1d1d1;
	border: none;
	/*border-bottom: 4px solid lightgrey;*/
	font-size: 1.5rem !important;
	/*line-height: 2.8rem;*/
	/*font-weight: bold;*/
	padding: 5px !important;
	cursor: pointer;
	border-radius: 0px;
	margin-right: 0px;
}
.nav-tabs>li>a:hover {
	border-color: unset;
}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #efefef;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: white;
	cursor: default;
	background-color: rgb(220, 38, 39);
	border: none;
	/*border-bottom: 4px solid white;*/
	font-size: 1.5rem !important;
	/*line-height: 2.8rem;*/
	/*font-weight: bold;*/
	padding: 5px !important;
	border-radius: 0px;
	/*border-top-left-radius: 5px;*/
}
.navbar {
	min-height: unset; 
	margin-bottom: 0px; 
	border: none; 
	border-radius: 0px;
	background-color: #ffffff;
	border-bottom: 1px solid #e5e7eb;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
}

.navbar.fixed-top {
	box-shadow: 0 4px 12px -2px rgba(16, 24, 40, .15), 0 2px 6px -2px rgba(16, 24, 40, .1);
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
	width: 100%;
}

.navbar .container .row > div {
	padding-left: 15px;
	padding-right: 15px;
}

.navbar .container .row > div.paddingLR0 {
	padding-left: 0;
	padding-right: 0;
}

.navbar .headerMenu{
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0px;
	display: inline;
}

.navbar .headerMenu ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-table;
}

.navbar .headerMenu ul li{
	display: table-cell;
	padding: 3px 6px;
}

.navbar .headerMenu ul li:first-child{
	padding-left: 0px;
}

.navbar .headerMenu ul li:last-child{
	padding-right: 0px;
}

.navbar .headerMenu ul li a{
	font-size: 1.8rem;
	color: #1f2937;
	font-weight: 500;
	text-decoration: none !important;
	padding: 8px 12px;
	line-height: 1.5;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-block;
	border-radius: 6px;
}

/* Increase height for খেলা (Sports) menu item */
.navbar .headerMenu ul li a[aria-label="খেলা"],
.navbar .headerMenu ul li a[aria-label*="খেলা"] {
	padding: 12px 6px;
	line-height: 1.5;
}

.navbar .headerMenu ul li a:hover,
.navbar .headerMenu ul li a:focus{
	color: #d32f2f;
	background-color: #f9fafb;
	text-decoration: none;
	outline: none;
}

.navbar .headerMenu ul li a:focus {
	outline: 2px solid #d32f2f;
	outline-offset: 2px;
}

/* Active menu item styling */
.navbar .headerMenu ul li.current-menu-item > a,
.navbar .headerMenu ul li.current-menu-ancestor > a,
.navbar .headerMenu ul li.current-page-ancestor > a {
	color: #d32f2f;
	font-weight: 600;
	background-color: #fef2f2;
}
.headerMenuWraperDiv .fa-angle-down{
	font-size: 1.4rem;
	margin-left: 5px;
	color: #6b7280;
	transition: color 0.3s ease;
}
.navbar .headerMenu ul li.dropdown > a .fa-angle-down{
	color: #6b7280;
	transition: color 0.3s ease;
}
.navbar .headerMenu ul li.dropdown > a:hover .fa-angle-down{
	color: #d32f2f;
}
/* Keep submenu items black */
.navbar .dropdown-menu,
.navbar .dropdown-menu ul,
.navbar .dropdown-menu li,
.navbar .dropdown-menu li a {
	color: black !important;
}
.navbar .dropdown-menu {
	text-align: left !important;
}
.navbar .dropdown-menu li {
	display: block !important;
	text-align: left !important;
}
.navbar .dropdown-menu li a {
	text-align: left !important;
}
.navbar .dropdown-menu li a:hover {
	color: rgb(220, 38, 39) !important;
	background-color: transparent;
}
.customCarousel .carousel-control {
	position: absolute;
	top: 0;
	bottom: unset; 
	left: unset; 
	width: unset; 
	font-size: unset; 
	color: #fff;
	text-align: center;
	text-shadow: unset; 
	filter: alpha(opacity=50);
	opacity: unset; 
	margin-top: 30px;
	margin-right: 20px;
}
.customCarousel .carousel-control span{
	background-color: #3330007a;
	padding: 5px;
	font-size: 18px;
	line-height: 25px;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50%;
}
.customCarousel .carousel-control span:hover{
	background-color: #333000;
}
.customCarousel .leftControl{
	right: 0 !important;
	margin-right: 126px !important;
}
.customCarousel .customCarouselPauseButton{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #3330007a;
	z-index: 9;
	color: white;
	padding: 5px 10px;
	margin-top: 20px;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	width: 36px !important;
	height: 36px;
	margin-right: 55px;
	cursor: pointer;
}
.customCarousel .customCarouselPauseButton:hover{
	background-color: #333000;
}
.customCarousel .customCarouselPauseButton .fa-pause{
	line-height: 26px;
	margin-left: 0px;
}
.customCarousel .customCarouselPlayButton{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #3330007a;
	z-index: 9;
	color: white;
	padding: 5px 10px;
	margin-top: 20px;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	width: 36px !important;
	height: 36px;
	margin-right: 55px;
	cursor: pointer;
}
.customCarousel .customCarouselPlayButton:hover{
	background-color: #333000;
}
.customCarousel .customCarouselPlayButton .fa-play{
	line-height: 26px;
	margin-left: 4px;
}
.customProgressBar{
	height: 5px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}
.customProgressBar .bar {
	height: 5px;
	width: 100%;
	.in {
		animation: fill 5s linear 1;
		height: 100%;
		background-color: rgb(220, 38, 39);
		border-top-left-radius: 5px;
	}
}
@keyframes fill {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}

/* ========================================
   Footer - Top row (logo left, social right), contact left-aligned, no icons
   ======================================== */

.desktopFooter {
	margin-top: 40px;
}

/* Top row: logo left, social right */
.footerTopRow {
	background: #fff;
	padding: 24px 0;
}

.footerTopRowInner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}

.footerTopRow .footerLogo {
	display: inline-block;
}

.footerTopRow .footerLogo img {
	height: 55px;
	width: auto;
}

.footerSocialLinks {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.footerSocialBtn {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.footerSocialBtn:hover {
	opacity: 0.9;
	transform: scale(1.08);
	color: #fff;
}

.footerSocialYoutube { background: #ff0000; }
.footerSocialFacebook { background: #1877f2; }
.footerSocialTwitter { background: #000; }
.footerSocialInstagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.footerSocialLinkedin { background: #0a66c2; }

/* Separator */
.footerContactBlock {
	border-top: 1px solid #e8e8e8;
	background: #fff;
	padding: 24px 0 32px 0;
}

/* Contact block: left-aligned, stacked, no icons */
.footerContactSingle {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.footerContactSingle .footerContactItem {
	color: #333;
	font-size: 1.5rem;
	margin: 0;
	line-height: 1.5;
}

.footerContactSingle .footerContactItem a {
	color: #333;
	text-decoration: none;
}

.footerContactSingle .footerContactItem a:hover {
	color: #d32f2f;
}

.footerContactSep {
	color: #999;
}

/* Legal menu */
.footerLegalBar {
	border-top: 1px solid #e8e8e8;
	background: #f8f8f8;
	padding: 20px 0 14px 0;
}

.footerLegalList {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footerLegalList a {
	color: #555;
	font-size: 1.4rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footerLegalList a:hover {
	color: #d32f2f;
}

.footerLegalList li + li::before {
	content: '|';
	color: #ccc;
	margin-right: 20px;
}

/* Copyright */
.footerBottomBar {
	background: #f0f0f0;
	padding: 16px 0;
}

.footerCopyright {
	color: #555;
	font-size: 1.4rem;
	margin: 0;
	text-align: center;
	line-height: 1.5;
}

/* Legacy styles - keep for backward compatibility */
.desktopFooterOld{
	background-color: #fafafa;
	border-top: 2px solid #dddddd;
	margin-top: 30px;
}
.desktopFooter .editorDiv{
	text-align: left;
	padding: 10px 0px;
	margin-bottom: -5px;
}
.footerBottomOld{
	/*border-top: 1px solid #edebeb;*/
	padding-bottom: 10px;
	padding-top: 20px;
}

.desktopFooter .followDiv{
	font-size: 1.6rem;
	margin-bottom: 0px;
	padding: 10px 0px;
	text-align: center;
}
.desktopFooter .copyright{
	font-size: 1.4rem;
	margin-bottom: 0px;
	font-weight: bold;
}
.desktopFooter .linkDiv{
	text-align: left;
	padding: 10px 0px;
	/*border-left: 1px solid #edebeb;*/
	border-right: 1px solid #edebeb;
	margin: 0px -5px;
}
.desktopFooter .linkDiv a{
	color: #333;
	font-size: 1.8rem;
	background-color: #e8ebeb;
	padding: 5px 10px;
	border-radius: 3px;
	margin: 5px;
	display: inline-block;
	text-decoration: none !important;
}
.desktopFooter .linkDivFooter{
	text-align: left;
	padding: 10px 0px;
	/*border-left: 1px solid #edebeb;*/
	/*border-right: 1px solid #edebeb;*/
	margin: 0px -5px;
}
.desktopFooter .linkDivFooter a{
	color: #333;
	font-size: 1.8rem;
	/*background-color: #e8ebeb;*/
	padding: 5px 10px;
	border-radius: 3px;
	margin: 5px;
	display: inline-block;
	text-decoration: none !important;
	border: 1px solid #e7e7e7;
}


/*scrollbar*/
/* width */
.scrollbar1::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.scrollbar1::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

/* Handle */
.scrollbar1::-webkit-scrollbar-thumb {
	background: #888; 
}

/* Handle on hover */
.scrollbar1::-webkit-scrollbar-thumb:hover {
	background: #555; 
}

.desktopCart1 .span1{
	height: 8px;
	width: 30px;
	background-color: #a84040;
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
	margin-top: -5px;
}
.desktopCart1 .span2{
	width: 30px;
	height: 2px;
	background-color: #a84040;
	display: block;
	margin-top: -11px;
}
.alert-dismissable .close, .alert-dismissible .close{
	top: -10px;
}
.bgOrange .desktopSectionTitle{
	border-bottom: 1px solid #78562b;
}
.bgOrange .desktopDivider{
	/*	border-top: 1px solid #ffa637;*/
	border-top: 1px solid #78562b;

}

.nav > li.dropdown.open {
	position: static;
}
.nav > li.dropdown.open .dropdown-menu {
	display:table; width: 100%; text-align: center; left:0; right:0;
}
.dropdown-menu>li {
	display: table-cell;
}
/* Override for navbar dropdown - one item per line */
.navbar .dropdown-menu > li {
	display: block !important;
}

.customTimeline ul.timeline {
	list-style-type: none;
	position: relative;
}
.customTimeline ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 29px;
	width: 2px;
	height: 100%;
	z-index: 400;
}
.customTimeline ul.timeline > li {
	margin: 20px 0;
	padding-left: 20px;
}
.customTimeline ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 3px solid #22c0e8;
	left: 20px;
	width: 20px;
	height: 20px;
	z-index: 400;
}



.customTimeline2 #timeline {
	list-style: none;
	position: relative;
}
.customTimeline2 #timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 2px;
	background-color: #c40c13;
	left: 25.60%;
	margin-left: -5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.customTimeline2 #timeline .clearFix {
	clear: both;
	height: 0;
}
.customTimeline2 #timeline .timeline-badge {
	color: #fff;
	width: 15px;
	height: 15px;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 26%;
	margin-left: -6.8px;
	background-color: #c40c13;
	z-index: 9;
	border-radius: 3px;
	/*border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;*/
}
.customTimeline2 #timeline .timeline-badge span.timeline-balloon-date-day {
	font-size: 1.4em;
}
.customTimeline2 #timeline .timeline-badge span.timeline-balloon-date-month {
	font-size: .7em;
	position: relative;
	top: -10px;
}
.customTimeline2 #timeline .timeline-badge.timeline-filter-movement {
	background-color: #ffffff;
	font-size: 1.7em;
	height: 35px;
	margin-left: -18px;
	width: 35px;
	top: 40px;
}
.customTimeline2 #timeline .timeline-badge.timeline-filter-movement a span {
	color: #c40c13;
	font-size: 1.3em;
	top: -1px;
}
.customTimeline2 #timeline .timeline-badge.timeline-future-movement {
	background-color: #ffffff;
	height: 35px;
	width: 35px;
	font-size: 1.7em;
	top: -16px;
	margin-left: -18px;
}
.customTimeline2 #timeline .timeline-badge.timeline-future-movement a span {
	color: #c40c13;
	font-size: .9em;
	top: 2px;
	left: 1px;
}
.customTimeline2 #timeline .timeline-movement {
	/*border-bottom: dashed 1px #c40c13;*/
	position: relative;
}
.customTimeline2 #timeline .timeline-movement:last-child {
	border-bottom: none;
}
.customTimeline2 #timeline .timeline-movement.timeline-movement-top {
	height: 60px;
}
.customTimeline2 #timeline .timeline-movement .timeline-item {
	padding: 5px 0px;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel {
	/* border: 1px solid #d4d4d4; */
	/* border-radius: 3px; */
	/* background-color: #FFFFFF; */
	/* color: #666; */
	padding: 0px;
	position: relative;
	/* -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
	/* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
	text-align: left;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
	color: #666;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
	color: #468c1f;
	font-size: 1.3em;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.debits{
	margin-left: 25px;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
	text-align: left;
}
.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
	color: #e2001a;
	font-size: 1.3em;
}

.desktopDetailAuthorDiv{
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	margin-top: 2px;
}
.detailAuthorDiv {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	margin-top: 3px;
}

.desktopCatReadMore{
	font-size: 2.4rem;
	background-color: white;
	line-height: .2rem;
	padding: 0px 10px;
	vertical-align: top;
	display: inline;
}
.desktopCatReadMore a{
	color: #8f8a8a;
	text-decoration: none !important;
}
.desktopCatReadMore a:hover{
	color: rgb(220, 38, 39);
}
.catReadMore{
	font-size: 2rem;
	background-color: white;
	line-height: .2rem;
	padding: 0px 10px;
	vertical-align: top;
	display: inline;
}
.catReadMore a{
	color: rgb(220, 38, 39);
	text-decoration: none !important;
}
.sidepanel .categoryIcon{
	height: 14px;
	vertical-align: middle;
	margin-top: -2px;
}
.go-to-top{
	background-color: rgb(220, 38, 39);
	color: white;
	padding: 5px 9px;
	font-size: 20px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	line-height: 20px;
	border-radius: 3px;
	cursor: pointer;
}
.pollTitle{
	background-color: rgb(220, 38, 39);padding: 8px;font-size: 2.3rem;color: white;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-bottom: 0px
}
.pollTitle span{
	position: absolute;top: 0;right: 0;margin-right: 25px;margin-top: 15px;font-size: 16px;cursor: pointer;
}
.pollTextDiv{
	padding: 10px;border: 1px solid #edebeb;border-top: none; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
}
.pollOption{
	font-size: 2rem;background-color: #ebf3f7;border-radius: 5px;padding: 2px 10px
}
.pollOption label{
	font-weight: normal;margin-bottom: 0px;color: #333;width: 100%
}
.pollOption label input{
	height: 20px;vertical-align: top;
}
.pagination a{
	padding: 7px 10px;
	background-color: white;
	margin: 5px;
	border-radius: 5px
}
.pagination span{
	padding: 7px 10px;
	background-color: white;
	margin: 5px;
	border-radius: 5px
}
.pagination2 a{
	padding: 7px 10px;
	background-color: #f4f4f4;
	margin: 5px;
	border-radius: 5px
}
.pagination2 span{
	padding: 7px 10px;
	background-color: #f4f4f4;
	margin: 5px;
	border-radius: 5px
}
.liveIconGif{
	height: 18px !important;
	width: 18px !important;
	display: inline !important;
	border-radius: 50%;
	vertical-align: middle;
	margin-top: -4px;
}
.flead .liveIconGif{
	height: 25px;
	border-radius: 50%;
	vertical-align: middle;
	margin-top: -9px;
}
.fleadVideo iframe{
	width: 100% !important;
	height: 500px !important;
}
.justnowTable{
	margin-bottom: 0px;
	width: 100%;
	box-shadow: 0px 0px 5px 2px #f6f6f6;
}
.justnowTable .titleTd{
	background-color: #dc2627; width: 120px;
}
.justnowTable .bn-title{
	font-size: 22px;font-weight: bold; color: white;text-align: center;
}
.justnowTable .marquee{
	vertical-align: middle;
	padding: 8px 15px 5px 15px;
}
.justnowTable .circleIcon{
	vertical-align: top;margin-top: 10px;font-size: 7px;color: #dc2627;border-radius: 50%;padding: 2px 3px;
}
.mobileJustnow .justnowTable .titleTd{
	background-color: #dc2627; width: 80px !important;
}
.mobileJustnow .justnowTable .marquee{
	vertical-align: middle; padding: 5px 15px !important;
}
.mobileJustnow .justnowTable .bn-title{
	font-size: 2.1rem !important;
	line-height: 2.5rem !important;
	font-weight: normal; color: white;text-align: center;
}
.mainEventBg{
	background-color: #99281a
}
.carousel-caption-custom{
	padding: 10px;background-color: #333000a1;width: 100%;left: 0;bottom: 0;
}
.carousel-counter{
	background-color: red;position: absolute;top: 0;left: 0;background-color: #3330007a;color: white;font-size: 20px;padding: 5px 10px;margin-top: 20px;margin-left: 10px;line-height: 20px;border-radius: 20px
}
.latestDivHeight {
	height: auto;
	overflow-y: scroll;
}
.megaMenuDiv{
	width: 100%;position: fixed;height: 100%;z-index: 10;background-color: #33300082;display: none;
}
.mobileHeaderCategoryDiv{
	overflow: auto;
	white-space: nowrap;
	padding: 6px 10px 10px 10px;
	margin-left: 50px;
	/*border-bottom: 1px solid #edebeb;*/
	/*box-shadow: 0 4px 8px -2px rgba(16,24,40,.1), 0 2px 4px -2px rgba(16,24,40,.06);*/
}
.mobileHeaderCategoryBars{
	background-color: white;position: absolute;top: 0;left: 0;margin-top: 7px;margin-left: 15px;padding-right: 15px;
}
.mobileSidebarBars{
	font-size: 2.7rem;
}
.mobileHeaderOtherSite{
	/*color: white !important;*/
	padding: 2px 10px 0px 10px;
	font-size: 1.8rem;
	border-radius: 3px;
	border: 1px solid #f32525;
}
.textJustify{
	text-align: justify !important;
}
.todaysDate{
	font-size: 1.6rem !important;
	margin-left: 20px !important;
	vertical-align: middle;
}
.moreCategoryDropdown{
	margin-top: 10px;width: 180px;border-radius: 5px;padding: 0px 5px 0px 0px
}
.moreCategoryDropdown ul{
	height: 400px;overflow-y: scroll;width: 100%;padding: 5px 0px;margin: 0px
}
.moreCategoryDropdown ul li{
	width: 100%;list-style: none;margin: 0px;
}
.moreCategoryDropdown ul li:hover{
	background-color: #f2f2f2;
	border-left: 2px solid rgb(220, 38, 39);
}
.moreCategoryDropdown ul li a{
	font-size: 2.2rem;
	line-height: 2.8rem;
	padding: 7px 9px 5px 25px;
	display: block;
}
.moreMenuDiv{
	display: inline;margin-left: 10px
}
.moreClickLoadMenubarCategories{
	font-size: 2.3rem;cursor: pointer;padding: 5px 4px;
}
.moreClickLoadMenubarCategories .fa-caret-down{
	font-size: 1.8rem;margin-left: 3px;vertical-align: middle;margin-top: -4px;
}
.headerMenuWraperDiv{
	padding-bottom: 6px;
	padding-top: 6px;
}
/*.photoOverlayAdDiv{
	width: 100%;background-color: #00000014;position: absolute;bottom: 0;text-align: center;
}
.photoOverlayAdDiv .photoOverlayClose{
	background-color: #000000;
	position: absolute;
	right: 0;
	color: white;
	font-size: 1.5rem;
	width: 20px;
	height: 20px;
	line-height: 2.4rem;
	cursor: pointer;
	}*/
	.popularCount{
		background-color: rgb(220, 38, 39);width: 30px;height: 30px;border-radius: 50%;font-size: 18px;text-align: center;line-height: 30px;color: white;margin-top: 5px
	}
	.eventTitleLeftStyle{
		vertical-align: middle;height: 5px;width: 100px;display: inline-block;background-color: #717d8d;margin-top: -13px;margin-right: 20px;
	}
	.eventTitleRightStyle{
		vertical-align: middle;height: 5px;width: 100px;display: inline-block;background-color: #717d8d;margin-top: -13px;margin-left: 20px;
	}
	.namazFloating{
		position: fixed;bottom: 0;right: 0;width: 110px;margin-bottom: 70px;margin-right: 20px;z-index: 999
	}
	.namazFloating .linkOverlay span {
		position: absolute;
		width: 110px;
		text-align: center;
		bottom: 0;
	}
	.namazFloating .card.hovercard .avatar {
		margin-bottom: -36px !important;
	}
	.pg-ad-label{
		padding-top: 0px !important;
	}
	.highlighter1{
		background-color: #FAF9F6;
		padding: 20px;
		border-top: 5px solid rgb(220, 38, 39);
		/*box-shadow: 0 4px 8px 0 rgb(179 179 179 / 20%), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	}
	.highlighter1:hover{
		/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
		/*box-shadow: 0 4px 8px 0 rgb(179 179 179 / 20%), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	}
	.highlighter1 h3{
		margin-bottom: 0px !important;
	}
	.quote1{
		padding: 10px;
		border: 1px solid #f2f2f2;
		border-radius: 10px;
	}
	.quote1:hover{
		/*box-shadow: 0 4px 8px 0 rgb(179 179 179 / 20%), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	}
	.quote1 blockquote {
		border:none;
		margin-bottom:-30px;
		position: relative; 
		max-width: 500px; 
		margin: 0 auto;  
		margin-top: 40px !important;
		margin-bottom: 40px !important;
		background-color: unset !important;
	}
	.quote1 blockquote h3{
		margin-bottom: 0px !important;
		font-style: italic;
	}
	.quote1 blockquote p{
		margin-bottom: 0px !important;
		margin-top: 10px !important;
		font-weight: bold;
		color: #807f7f;
		font-style: italic;
	}

	.quote1 blockquote h3:before { 
		content: "\201C";
		font-weight: bold;
		font-size: 80px;
		color: #dc2627;
		position: absolute;
		top: -0.1em;
		left: -0.5em;
	} 
/*.quote1 blockquote h3:after { 
	content: "\201D";
	font-weight: bold;
	font-size: 80px;
	color: #dc2627;
	position: absolute;
	bottom: -0.5em;
	right: -0.5em; 
	}*/
	.bullet1{
		border: 1px solid #f2f2f2;
		border-radius: 10px;
		padding: 25px 20px 10px 20px;
	}
	.bullet1 li{
		color: #218008 !important
	}
	.readmoreStrip{
		color:black;
		border-bottom: 2px solid black;
		margin-bottom: 10px !important;
		display: inline-block;
	}
	.readMoreDiv1 .media{
		background-color: #f5f5f5;
		box-shadow: 1px 0px 6px rgb(186 186 186 / 40%);
	}
	.readMoreDiv1 .media-body a{
		color: rgb(220, 38, 39) !important;
	}
	.readMoreDiv1 .media-body a:hover{
		color: black !important;
	}
	.readMoreDiv1 .media-body h4{
		color: rgb(220, 38, 39) !important;
	}
	.readMoreDiv1 .media-body h4:hover{
		color: black !important;
	}
	.mainEventDesktopSlider .flex-direction-nav a {
		margin: -25px -25px 0 !important;
	}
	.sidebarFlexSlider .flex-direction-nav a {
		margin: -25px 0px 0 !important;
	}
	.shoulderYellow .shoulder{
		color: #00ff67 !important;
	}


	/*popup code bootstrap*/
	.popupModalAd .modal-dialog {
		margin-top: 0;
		margin-bottom: 0;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.popupModalAd .modal.fade .modal-dialog {
		transform: translate(0, -100%);
	}
	.popupModalAd .modal.in .modal-dialog {
		transform: translate(0, 0);
	}
	.modal-open .modal {
		overflow-y: hidden !important;
	}
	.modal-open {
		overflow-y: scroll;
		padding: 0px !important;
	}
	.popupModalAd .modal-dialog .modal-body{
		padding: 0px;
	}
	.popupModalAd .popupModalAdCloseButton{
		position: absolute;background-color: rgb(220, 38, 39);opacity: 1;color: white;height: 32px !important;width: 40px !important;font-size: 3rem !important;right: 0;top: 0;padding-top: 3px;margin-top: -32px;
	}
	.popupModalAd .popupModalAdCloseButton span{
		color: white;
	}
	.popupModalAd .modal-sm{
		margin: 0 auto;
		width: 320px;
	}
	.popupModalAd .modal-md{
		margin: 0 auto;
		width: 660px;
	}
	.popupModalAd .modal-content{
		position: relative;
		background-color: unset;
		border: none;
		border-radius: 0px;
		outline: 0;
		-webkit-box-shadow: unset !important;
		box-shadow: unset !important;
	}


	/*popup code*/
	@media (min-width: 768px) {
		.mob-popup {
			display: none;
		}
	}
	.pop-up-ad-desk {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .7);
		top: 0;
		left: 0;
		z-index: 999999999;
		padding-top: 15%;
	}
	.popup_img {
		width: auto;
		text-align: center;
		margin: 0 auto;
	}
	@media (max-width: 768px) {
		.desk-popup {
			display: none;
		}
	}
	.pop-up-ad-mob {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .7);
		top: 0;
		left: 0;
		z-index: 999999999;
		padding-top: 50%;
	}
	.pop-up-ad-mob > .btn-sm {
		position: absolute;
		cursor: pointer;
		margin-left: 131px !important;
		Z-index: 9999999;
	}
	.pop-up-ad-desk > .btn-sm {
		position: absolute;
		cursor: pointer;
		margin-left: 301px !important;
		Z-index: 9999999;
	}
	/*popup code*/


	/*namaz timing css*/
	.namazPanel .chooseMonth.active {
		background-color: rgba(154, 21, 21) !important;
		color: #ffffff !important;
		border-color: transparent !important;
	}

	@media screen and (min-width: 769px) {
		.namazPanel .DSDistrict .input-group {
			left: 35%;
		}
		.namazPanel .DSDistrict .input-group select {
			width: auto;
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 768px) {
		.namazPanel .DSDistrict .input-group {
			width: 100%;
			margin: 0 auto;
		}
	}
	.namazPanel .DSDistrict .input-group-addon:first-child {
		border-right: 0;
		background: rgba(154, 21, 21);
		border: rgba(154, 21, 21);
		color: #fff;
		font-size: 18px;
	}
	.namazPanel .table thead th{
		font-size: 18px;
		text-align: center !important;
		border-bottom: 2px solid rgba(154, 21, 21) !important;
	}
	.namazPanel .table tbody td{
		font-size: 18px;
	}

	.namazPanel .DMonlthList .btn-info {
		font-size: 18px;
		margin: 4px;
		color: #333;
		background-color: rgba(214, 224, 226);
		border-color: rgba(214, 224, 226);
	}
	@media(max-width: 768px) {
		.namazPanel .DSDistrict h5 {
			margin-bottom: 6px !important;
			text-align: center !important;
		}
		.namazPanel .table-striped tbody {
			white-space: nowrap;

		}
	}

	@media screen and (max-width: 768px) {
		.namazPanel .sharethis-inline-share-buttons{
			display: block !important;
		}
	}

	@media screen and (min-width: 769px) {
		.namazPanel .sharethis-inline-share-buttons{
			display: inline-block !important;
		}
	}

	.namazPanel .card {
		padding-top: 20px;
		margin: 10px 0 20px 0;
		background-color: rgba(214, 224, 226, 0.2);
		border-top-width: 0;
		border-bottom-width: 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.namazPanel .card .card-heading {
		padding: 0 20px;
		margin: 0;
	}
	.namazPanel .card .card-heading.simple {
		font-size: 20px;
		font-weight: 300;
		color: #777;
		border-bottom: 1px solid #e5e5e5;

	}
	.namazPanel .card .card-heading.image img {
		display: inline-block;
		width: 46px;
		height: 46px;
		margin-right: 15px;
		vertical-align: top;
		border: 0;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.namazPanel .card .card-heading.image .card-heading-header {
		display: inline-block;
		vertical-align: top;
	}
	.namazPanel .card .card-heading.image .card-heading-header h3 {
		margin: 0;
		font-size: 14px;
		line-height: 16px;
		color: #262626;
	}
	.namazPanel .card .card-heading.image .card-heading-header span {
		font-size: 12px;
		color: #999999;
	}
	.namazPanel .card .card-body {
		padding: 0 20px;
		margin-top: 20px;
	}
	.namazPanel .card .card-media {
		padding: 0 20px;
		margin: 0 -14px;
	}
	.namazPanel .card .card-media img {
		max-width: 100%;
		max-height: 100%;
	}
	.namazPanel .card .card-actions {
		min-height: 30px;
		padding: 0 20px 20px 20px;
		margin: 20px 0 0 0;
	}
	.namazPanel .card .card-comments {
		padding: 20px;
		margin: 0;
		background-color: #f8f8f8;
	}
	.namazPanel .card .card-comments .comments-collapse-toggle {
		padding: 0;
		margin: 0 20px 12px 20px;
	}
	.namazPanel .card .card-comments .comments-collapse-toggle a,
	.namazPanel .card .card-comments .comments-collapse-toggle span {
		padding-right: 5px;
		overflow: hidden;
		font-size: 12px;
		color: #999;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.namazPanel .card-comments .media-heading {
		font-size: 13px;
		font-weight: bold;
	}
	.namazPanel .card.people {
		position: relative;
		display: inline-block;
		width: 170px;
		height: 300px;
		padding-top: 0;
		margin-left: 20px;
		overflow: hidden;
		vertical-align: top;
	}
	.namazPanel .card.people:first-child {
		margin-left: 0;
	}
	.namazPanel .card.people .card-top {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: 170px;
		height: 150px;
		background-color: #ffffff;
	}
	.namazPanel .card.people .card-top.green {
		background-color: #53a93f;
	}
	.namazPanel .card.people .card-top.blue {
		background-color: #427fed;
	}
	.namazPanel .card.people .card-info {
		position: absolute;
		top: 150px;
		display: inline-block;
		width: 100%;
		height: 101px;
		overflow: hidden;
		background: #ffffff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.namazPanel .card.people .card-info .title {
		display: block;
		margin: 8px 14px 0 14px;
		overflow: hidden;
		font-size: 16px;
		font-weight: bold;
		line-height: 18px;
		color: #404040;
	}
	.namazPanel .card.people .card-info .desc {
		display: block;
		margin: 8px 14px 0 14px;
		overflow: hidden;
		font-size: 12px;
		line-height: 16px;
		color: #737373;
		text-overflow: ellipsis;
	}
	.namazPanel .card.people .card-bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		display: inline-block;
		width: 100%;
		padding: 10px 20px;
		line-height: 29px;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.namazPanel .card.hovercard {
		/*		position: relative;
				padding-top: 0;
				overflow: hidden;
				text-align: center;
				background-color: rgba(214, 224, 226, 0.2);*/
		position: relative;
		/*height: 414px;*/
		padding-top: 0;
		overflow: hidden;
		text-align: center;
		background-color: rgba(214, 224, 226, 0.2);
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
	}
	.namazPanel .card.hovercard .cardheader {
		background: rgba(154, 21, 21);
		background-size: cover;
		height: 135px;
	}
	.namazPanel .card.hovercard .avatar {
		position: relative;
		top: -50px;
		margin-bottom: -50px;
	}
	.namazPanel .card.hovercard .avatar img {
		width: 100px;
		height: 100px;
		max-width: 100px;
		max-height: 100px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 5px solid rgba(255,255,255,0.5);
	}
	.namazPanel .card.hovercard .info {
		padding: 4px 8px 10px;
	}
	.namazPanel .card.hovercard .info .title {
		margin-bottom: 4px;
		font-size: 24px;
		line-height: 1;
		color: #262626;
		vertical-align: middle;
	}
	.namazPanel .card.hovercard .info .desc {
		overflow: hidden;
		font-size: 12px;
		line-height: 20px;
		color: #737373;
		text-overflow: ellipsis;
	}
	.namazPanel .card.hovercard .bottom {
		display: inline-block;
		padding: 0 20px;
		margin-bottom: 17px;
	}
	/*namaz timing css*/


	/*screen responsive*/
	@media (min-width: 1280px){
		.container {
			width: 1260px !important;
		}
	}
	@media (min-width: 1400px){
		.container {
			width: 1320px !important;
		}
	}

	@media (max-width: 768px){
		.mainDiv{
			margin-top: 66px;
		}
		.xs-marginT10{
			margin-top: 10px !important;
		}
		.xs-marginT30{
			margin-top: 30px !important;
		}
		.xs-marginB30{
			margin-bottom: 30px;
		}
		.xs-paddingT10{
			padding-top: 10px !important
		}
		.xs-paddingL15{
			padding-left: 15px !important
		}
		.xs-paddingR15{
			padding-right: 15px !important
		}
		.xs-width120{
			width: 120px !important
		}
		.xs-width130{
			width: 130px !important
		}
		.xs-width140{
			width: 140px !important
		}
		.title11{
			font-size: 2.1rem;
			line-height: 2.5rem;
		}
		.title10{
			font-size: 2.2rem !important;
			line-height: 3.2rem !important;
		}
		.desktopTime{
			font-size: 1.4rem !important;
			line-height: 2rem !important;
		}
		.desktopTime i{
			font-size: 1rem !important;
			margin-top: 0px !important;
		}

		.loadMoreButton{
			font-size: 1.6rem;
			color: #333;
			border: 1px solid #d0d5dd;
			box-shadow: 0 1px 2px rgba(16,24,40,.05);
			padding: 5px 20px;
			border-radius: 7px;
			font-weight: bold;
			text-decoration: none !important;
			cursor: pointer;
		}
		.loadMoreButton:hover {
			color: #fff;
			background-color: rgb(220, 38, 39);
			border: 1px solid rgb(220, 38, 39);
		}
		.loadMoreButton i{
			font-size: 1.3rem;
		}
		.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
			font-size: 1.5rem !important;
			padding: 5px !important;
		}
		.nav-tabs {
			padding: 0px;
		}
		.nav-tabs li {
			margin-top: 0px;
		}
		.nav-tabs>li>a {
			font-size: 1.5rem !important;
			padding: 5px !important;
		}

		/*timeline*/
		.customTimeline2 #timeline .timeline-badge {
			color: #fff;
			width: 12px;
			height: 12px;
			font-size: 1.2em;
			text-align: center;
			position: absolute;
			top: 11px;
			left: 7px;
			margin-left: -6.8px;
			background-color: #c40c13;
			z-index: 9;
			border-radius: 3px;
		}
		.customTimeline2 #timeline:before {
			top: 0;
			bottom: 0;
			position: absolute;
			content: " ";
			width: 2px;
			background-color: #c40c13;
			left: -5px;
			margin-left: -5px;
			margin-top: 15px;
			margin-bottom: 10px;
		}
		.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel{
			margin-left: 20px;
			margin-top: 2px;
		}
		.customTimeline2 #timeline .timeline-movement .timeline-item .timeline-panel.debits {
			margin-left: 20px;
			margin-top: -10px;
		}

		.desktopDetailCat{
			font-size: 1.8rem;
			line-height: 2.4rem;
			margin-top: 0px;
		}
		.desktopDetailCat a{
			border-bottom: 2px solid;
			text-decoration: none !important;
		}
		.fleadVideo iframe{
			width: 100% !important;
			max-height: 240px !important;
		}
		.quote1 blockquote h3:before { 
			left: unset;
		} 
		.quote1 blockquote{
			max-width: 100%;
			padding: 15px;
		}
		.bullet1 {
			padding: 15px 5px 0px 5px;
		}
		.readmoreStrip{
			display: none;
		}
		.readMoreDiv1 .media{
			padding: 0px !important;
			padding-bottom: 10px !important;
		}
		.readMoreDiv1 .media-body{
			padding-left: 10px !important;
		}
		.readMoreDiv1 .media-right{
			padding-right: 10px !important;
		}
		.readMoreDiv1 .media h4{
			margin-top: -3px !important;
		}
	}

	@media print {
		a[href]:after {
			content: none !important;
		}
		.hidden-xs{
			display: block !important;
		}
		.hidden-print{
			display: none !important;
		}
		.visiblePrintDiv{
			display: block !important;
		}
	}
/* Infinite scroll - prevent layout shifts */
.appendAjaxDetail1 {
    min-height: 200px;
    transition: opacity 0.3s ease;
    will-change: contents;
}
.appendAjaxDetail1.loading {
    opacity: 0.6;
}
.appendAjaxDetail1.loaded {
    opacity: 1;
}

/* Remove gap between infinite scroll posts */
.infinite-scroll-post {
    margin-top: 0 !important;
}
.appendAjaxDetail1 > .infinite-scroll-post:first-child {
    margin-top: 40px;
}

/* Reduce spacing between infinite scroll posts */
.infinite-scroll-post .container {
    margin-top: 0;
}
.infinite-scroll-post + .infinite-scroll-post {
    margin-top: 10px !important;
}

/* ========================================
   FEATURED SECTION: Hero + 2x2 Grid Layout
   Matches DBC News TV style from image
   ======================================== */

.featured-hero-grid-section {
	margin-bottom: 35px;
}

/* Hero Card (Top - Full Width) */
.featured-hero-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease;
}

.featured-hero-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.featured-hero-link {
	display: block;
	text-decoration: none;
	color: inherit;
	position: relative;
}

.featured-hero-image-wrapper {
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
	background: #f5f5f5;
}

.featured-hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.featured-hero-card:hover .featured-hero-image {
	transform: scale(1.03);
}

.featured-hero-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
	pointer-events: none;
}

.featured-hero-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px 30px;
	z-index: 2;
}

.featured-hero-meta-top {
	margin-bottom: 12px;
}

.featured-hero-time {
	font-size: 1.3rem;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	opacity: 0.9;
}

.featured-hero-time i {
	font-size: 1.2rem;
}

.featured-hero-headline {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	margin: 0;
	font-family: 'July', Arial, Helvetica, sans-serif;
	text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

/* 2x2 Grid Container */
.featured-grid-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.featured-grid-card {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	border: 1px solid #f0f0f0;
}

.featured-grid-card:hover {
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
}

.featured-grid-link {
	display: flex;
	flex-direction: row;
	text-decoration: none;
	color: inherit;
	padding: 15px;
	gap: 15px;
	align-items: center;
}

.featured-grid-content {
	flex: 1;
	min-width: 0;
}

.featured-grid-headline {
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.4;
	color: #1a1a1a;
	margin: 0;
	font-family: 'July', Arial, Helvetica, sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s ease;
}

.featured-grid-card:hover .featured-grid-headline {
	color: #dc2627;
}

.featured-grid-image-wrapper {
	width: 120px;
	height: 90px;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 6px;
	background: #f5f5f5;
}

.featured-grid-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.featured-grid-card:hover .featured-grid-image {
	transform: scale(1.1);
}

/* Responsive Design */
@media (max-width: 991px) {
	.featured-hero-image-wrapper {
		height: 380px;
	}
	
	.featured-hero-headline {
		font-size: 2.4rem;
	}
	
	.featured-grid-container {
		gap: 12px;
	}
	
	.featured-grid-link {
		padding: 12px;
		gap: 12px;
	}
	
	.featured-grid-headline {
		font-size: 1.6rem;
	}
	
	.featured-grid-image-wrapper {
		width: 100px;
		height: 80px;
	}
}

@media (max-width: 767px) {
	.featured-hero-image-wrapper {
		height: 300px;
	}
	
	.featured-hero-headline {
		font-size: 2rem;
	}
	
	.featured-hero-content {
		padding: 20px;
	}
	
	.featured-grid-container {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.featured-grid-link {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.featured-grid-image-wrapper {
		width: 100%;
		height: 180px;
	}
	
	.featured-grid-headline {
		font-size: 1.5rem;
		-webkit-line-clamp: 2;
	}
}

/* ========================================
   MINIMAL DESIGN - Prothom Alo / Jugantor / Dhaka Post Style
   Clean, Simple, Professional Bengali News Portal
   ======================================== */

/* Lead Hero Section (Matches Image Style) */
.lead-hero-section {
	margin-bottom: 20px;
}

/* Lead 2x2 Grid Container */
.lead-grid-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin-top: 20px;
}

.lead-grid-card {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	border: 1px solid #f0f0f0;
}

.lead-grid-card:hover {
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
}

.lead-grid-link {
	display: flex;
	flex-direction: row;
	text-decoration: none;
	color: inherit;
	padding: 15px;
	gap: 15px;
	align-items: center;
}

.lead-grid-content {
	flex: 1;
	min-width: 0;
}

.lead-grid-headline {
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.4;
	color: #1a1a1a;
	margin: 0;
	font-family: 'July', Arial, Helvetica, sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s ease;
}

.lead-grid-card:hover .lead-grid-headline {
	color: #dc2627;
}

.lead-grid-image-wrapper {
	width: 120px;
	height: 90px;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 6px;
	background: #f5f5f5;
}

.lead-grid-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.lead-grid-card:hover .lead-grid-image {
	transform: scale(1.1);
}

.lead-hero-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease;
}

.lead-hero-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.lead-hero-link {
	display: block;
	text-decoration: none;
	color: inherit;
	position: relative;
}

.lead-hero-image-wrapper {
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
	background: #f5f5f5;
}

.lead-hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.lead-hero-card:hover .lead-hero-image {
	transform: scale(1.03);
}

.lead-hero-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
	pointer-events: none;
}

.lead-hero-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px 30px;
	z-index: 2;
}

.lead-hero-meta-top {
	margin-bottom: 12px;
}

.lead-hero-time {
	font-size: 1.3rem;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	opacity: 0.9;
}

.lead-hero-time i {
	font-size: 1.2rem;
}

.lead-hero-headline {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	margin: 0;
	font-family: 'July', Arial, Helvetica, sans-serif;
	text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

/* Responsive */
@media (max-width: 991px) {
	.lead-hero-image-wrapper {
		height: 380px;
	}
	
	.lead-hero-headline {
		font-size: 2.4rem;
	}
}

@media (max-width: 991px) {
	.lead-grid-container {
		gap: 12px;
	}
	
	.lead-grid-link {
		padding: 12px;
		gap: 12px;
	}
	
	.lead-grid-headline {
		font-size: 1.6rem;
	}
	
	.lead-grid-image-wrapper {
		width: 100px;
		height: 80px;
	}
}

@media (max-width: 767px) {
	.lead-hero-image-wrapper {
		height: 300px;
	}
	
	.lead-hero-headline {
		font-size: 2rem;
	}
	
	.lead-hero-content {
		padding: 20px;
	}
	
	.lead-grid-container {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.lead-grid-link {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.lead-grid-image-wrapper {
		width: 100%;
		height: 180px;
	}
	
	.lead-grid-headline {
		font-size: 1.5rem;
		-webkit-line-clamp: 2;
	}
}

/* ============================================
   Lead News – Reference: 5 items, no text over images. Light background.
   First: full width, left title + excerpt, right image. Then 2x2 grid, same layout.
   ============================================ */
.pb-lead-section.pb-lead-reference {
	margin-bottom: 24px;
	background: #fff;
	border: 1px solid #e5e7eb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	padding: 0;
}

.pb-lead-reference .pb-lead-wrap {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0;
}

/* First item: full width, left text, right image (no date/title on image) */
.pb-lead-reference .pb-lead-first {
	margin: 0;
	border-bottom: 1px solid #e5e7eb;
}

.pb-lead-reference .pb-lead-first-link {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	text-decoration: none;
	color: inherit;
	min-height: 0;
	transition: background 0.2s ease;
}

.pb-lead-reference .pb-lead-first-text {
	flex: 1;
	min-width: 0;
	padding: 28px 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pb-lead-reference .pb-lead-first-meta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 1.15rem;
	color: #64748b;
	margin-bottom: 12px;
}

.pb-lead-reference .pb-lead-first-meta i {
	font-size: 1.1rem;
}

.pb-lead-reference .pb-lead-first-headline {
	margin: 0 0 14px 0;
	font-size: 2rem !important;
	font-weight: 700 !important;
	line-height: 1.32 !important;
	color: #1e40af !important;
	font-family: 'July', Arial, Helvetica, sans-serif !important;
	text-decoration: none;
}

.pb-lead-reference .pb-lead-first-excerpt {
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #475569;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Image: original aspect ratio, no cropping */
.pb-lead-reference .pb-lead-first-img-wrap {
	width: 42%;
	min-width: 280px;
	flex-shrink: 0;
	overflow: hidden;
	background: #f1f5f9;
}

.pb-lead-reference .pb-lead-first-img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
}

/* 2x2 grid: 2 items per line, each left text + right image (no text on image) */
.pb-lead-reference .pb-lead-grid-2x2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 0;
}

.pb-lead-reference .pb-lead-card {
	margin: 0;
	border-right: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
}

.pb-lead-reference .pb-lead-grid-2x2 .pb-lead-card:nth-child(2n) {
	border-right: 0;
}

.pb-lead-reference .pb-lead-grid-2x2 .pb-lead-card:nth-last-child(-n+2) {
	border-bottom: 0;
}

.pb-lead-reference .pb-lead-card-link {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	text-decoration: none;
	color: inherit;
	padding: 20px 22px;
	gap: 20px;
	min-height: 140px;
	transition: background 0.2s ease;
}

.pb-lead-reference .pb-lead-card-text {
	flex: 1;
	min-width: 0;
}

.pb-lead-reference .pb-lead-card-meta {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 1.05rem;
	color: #64748b;
	margin-bottom: 8px;
}

.pb-lead-reference .pb-lead-card-headline {
	margin: 0 0 8px 0;
	font-size: 1.45rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: #1e40af !important;
	font-family: 'July', Arial, Helvetica, sans-serif !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-decoration: none;
}

.pb-lead-reference .pb-lead-card-excerpt {
	margin: 0;
	font-size: 1.3rem;
	line-height: 1.5;
	color: #475569;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Image only – no date, no title on image */
.pb-lead-reference .pb-lead-card-img-wrap {
	width: 160px;
	min-width: 160px;
	overflow: hidden;
	background: #f1f5f9;
	border-radius: 6px;
}

.pb-lead-reference .pb-lead-card-img {
	width: 100%;
	height: 100%;
	min-height: 100px;
	object-fit: cover;
	display: block;
}

@media (max-width: 991px) {
	.pb-lead-reference .pb-lead-first-link {
		flex-direction: column;
		min-height: 0;
	}
	.pb-lead-reference .pb-lead-first-text {
		padding: 22px 24px;
	}
	.pb-lead-reference .pb-lead-first-img-wrap {
		width: 100%;
		min-width: 0;
		height: auto;
	}
	.pb-lead-reference .pb-lead-first-img {
		height: auto;
	}
	.pb-lead-reference .pb-lead-grid-2x2 {
		grid-template-columns: 1fr;
	}
	.pb-lead-reference .pb-lead-card {
		border-right: 0;
		border-bottom: 1px solid #e5e7eb;
	}
	.pb-lead-reference .pb-lead-grid-2x2 .pb-lead-card:nth-child(2n) {
		border-right: 0;
	}
	.pb-lead-reference .pb-lead-grid-2x2 .pb-lead-card:last-child {
		border-bottom: 0;
	}
	.pb-lead-reference .pb-lead-card-img-wrap {
		width: 140px;
		min-width: 140px;
	}
}

@media (max-width: 767px) {
	.pb-lead-reference .pb-lead-first-headline {
		font-size: 1.75rem !important;
	}
	.pb-lead-reference .pb-lead-first-excerpt {
		-webkit-line-clamp: 3;
		font-size: 1.4rem;
	}
	.pb-lead-reference .pb-lead-first-img-wrap {
		height: auto;
	}
	.pb-lead-reference .pb-lead-first-img {
		height: auto;
	}
	.pb-lead-reference .pb-lead-card-link {
		flex-direction: column;
		padding: 16px 18px;
		min-height: 0;
	}
	.pb-lead-reference .pb-lead-card-img-wrap {
		width: 100%;
		min-width: 0;
		height: 180px;
		min-height: 180px;
	}
}

/* ============================================
   Six items section – 3 per row. Reference: rounded cards, image top, text below, subtle shadow.
   ============================================ */
.pb-six-section {
	margin-bottom: 28px;
	background: #fafafa;
	padding: 20px 0;
}

.pb-six-wrap {
	padding: 0 16px;
	max-width: 100%;
}

.pb-six-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.pb-six-card {
	margin: 0;
}

.pb-six-card-link {
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
	color: inherit;
	background: #fff;
	border: none;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.pb-six-card-link:hover {
	text-decoration: none !important;
}

.pb-six-card-img-wrap {
	width: 100%;
	height: 180px;
	overflow: hidden;
	background: #f1f5f9;
	border-radius: 10px 10px 0 0;
}

.pb-six-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.pb-six-card-body {
	padding: 18px 20px;
	flex: 1;
}

.pb-six-card-meta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 1rem;
	color: #64748b;
	margin-bottom: 10px;
}

.pb-six-card-meta i {
	font-size: 0.95rem;
}

.pb-six-card-headline {
	margin: 0;
	font-size: 1.4rem !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	color: #1e293b !important;
	font-family: 'July', Arial, Helvetica, sans-serif !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-decoration: none !important;
}
.pb-six-card-link:hover .pb-six-card-headline {
	text-decoration: none !important;
}

@media (max-width: 991px) {
	.pb-six-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.pb-six-card-img-wrap {
		height: 160px;
	}
}

@media (max-width: 767px) {
	.pb-six-section {
		padding: 16px 0;
	}
	.pb-six-wrap {
		padding: 0 12px;
	}
	.pb-six-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}
	.pb-six-card-img-wrap {
		height: 200px;
	}
	.pb-six-card-body {
		padding: 16px 18px;
	}
	.pb-six-card-headline {
		font-size: 1.35rem !important;
	}
}

/* Small News Section */
.minimal-small-section {
	margin-bottom: 30px;
}

.minimal-divider {
	height: 1px;
	background: #e5e5e5;
	margin: 25px 0;
}

.minimal-small-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.minimal-small-item {
	background: #fff;
	border: 1px solid #e5e5e5;
	transition: border-color 0.2s ease;
}

.minimal-small-item:hover {
	border-color: #dc2627;
}

.minimal-small-link {
	display: block;
	text-decoration: none;
	color: inherit;
	padding: 15px;
}

.minimal-small-image {
	width: 100%;
	height: 180px;
	overflow: hidden;
	background: #f8f8f8;
	margin-bottom: 12px;
}

.minimal-small-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.minimal-small-content {
	display: flex;
	flex-direction: column;
}

.minimal-small-shoulder {
	font-size: 1rem;
	color: #dc2627;
	font-weight: 500;
	margin-bottom: 8px;
	display: block;
}

.minimal-small-headline {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.4;
	color: #1a1a1a;
	margin: 0 0 10px 0;
	font-family: 'July', Arial, Helvetica, sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.minimal-small-link:hover .minimal-small-headline {
	color: #dc2627;
}

.minimal-small-meta {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #f0f0f0;
}

.minimal-small-date {
	font-size: 1.1rem;
	color: #666;
}

/* Responsive Design */
@media (max-width: 991px) {
	.minimal-main-wrapper {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.minimal-lead-image {
		height: 320px;
	}
	
	.minimal-lead-headline {
		font-size: 2.2rem;
	}
	
	.minimal-small-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
}

@media (max-width: 767px) {
	.minimal-lead-image {
		height: 250px;
	}
	
	.minimal-lead-headline {
		font-size: 1.9rem;
	}
	
	.minimal-lead-content {
		padding: 15px;
	}
	
	.minimal-side-link {
		flex-direction: column;
		padding: 12px;
	}
	
	.minimal-side-image {
		width: 100%;
		height: 180px;
	}
	
	.minimal-small-grid {
		grid-template-columns: 1fr;
	}
	
	.minimal-small-image {
		height: 200px;
	}
}

/* ========================================
   ASYMMETRIC LAYOUT - DESIGN OPTION 5
   Dynamic layout with varied card sizes
   ======================================== */

/* Main Asymmetric Section */
.asymmetric-lead-section {
	margin-bottom: 40px;
}

.asymmetric-main-wrapper {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 25px;
	align-items: start;
}

/* Large Hero Story (Left - 2/3 width) */
.asymmetric-main-story {
	position: relative;
}

.asymmetric-hero-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.asymmetric-hero-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.asymmetric-hero-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	height: 100%;
}

.asymmetric-hero-image {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	background: #f5f5f5;
}

.asymmetric-hero-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.asymmetric-hero-card:hover .asymmetric-hero-image img {
	transform: scale(1.08);
}

.asymmetric-hero-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 65%;
	background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
	pointer-events: none;
}

.asymmetric-hero-badge {
	position: absolute;
	top: 25px;
	left: 25px;
	background: #dc2627;
	color: #fff;
	padding: 10px 20px;
	font-size: 1.4rem;
	font-weight: 700;
	border-radius: 6px;
	z-index: 2;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.asymmetric-hero-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 35px;
	z-index: 2;
}

.asymmetric-hero-shoulder {
	font-size: 1.5rem;
	color: #ffd700;
	font-weight: 600;
	margin-bottom: 12px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.asymmetric-hero-headline {
	font-size: 3.4rem;
	font-weight: 800;
	line-height: 1.25;
	color: #fff;
	margin: 0 0 18px 0;
	text-shadow: 0 3px 10px rgba(0,0,0,0.8);
}

.asymmetric-hero-meta {
	margin-top: 15px;
}

.asymmetric-hero-date {
	font-size: 1.5rem;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: rgba(0,0,0,0.6);
	padding: 8px 16px;
	border-radius: 6px;
	backdrop-filter: blur(5px);
}

.asymmetric-hero-date i {
	color: #ffd700;
}

/* Side Stories (Right - 1/3 width) */
.asymmetric-side-stories {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.asymmetric-side-card {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.asymmetric-side-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}

.asymmetric-side-card.asymmetric-side-large {
	/* First side story is larger */
}

.asymmetric-side-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.asymmetric-side-image {
	position: relative;
	width: 100%;
	height: 180px;
	overflow: hidden;
	background: #f5f5f5;
}

.asymmetric-side-card.asymmetric-side-large .asymmetric-side-image {
	height: 240px;
}

.asymmetric-side-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.asymmetric-side-card:hover .asymmetric-side-image img {
	transform: scale(1.1);
}

.asymmetric-side-content {
	padding: 18px;
}

.asymmetric-side-card.asymmetric-side-large .asymmetric-side-content {
	padding: 22px;
}

.asymmetric-side-shoulder {
	font-size: 1.1rem;
	color: #dc2627;
	font-weight: 600;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.asymmetric-side-headline {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: #1a1a1a;
	margin: 0 0 12px 0;
	transition: color 0.3s ease;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.asymmetric-side-card.asymmetric-side-large .asymmetric-side-headline {
	font-size: 2.1rem;
	-webkit-line-clamp: 4;
}

.asymmetric-side-card:hover .asymmetric-side-headline {
	color: #dc2627;
}

.asymmetric-side-meta {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e8e8e8;
}

.asymmetric-side-date {
	font-size: 1.2rem;
	color: #666;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.asymmetric-side-date i {
	color: #999;
	font-size: 1.1rem;
}

/* Small News Section - Asymmetric Grid */
.asymmetric-small-section {
	margin-bottom: 40px;
}

.asymmetric-section-divider {
	height: 1px;
	background: linear-gradient(to right, transparent, #e0e0e0, transparent);
	margin: 35px 0;
}

.asymmetric-small-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	grid-auto-rows: minmax(200px, auto);
}

/* First 2 items span 2 columns each (larger) */
.asymmetric-small-card.asymmetric-small-large {
	grid-column: span 2;
}

.asymmetric-small-card {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
}

.asymmetric-small-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.asymmetric-small-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	height: 100%;
}

.asymmetric-small-image-wrapper {
	width: 100%;
	height: 180px;
	overflow: hidden;
	background: #f5f5f5;
}

.asymmetric-small-card.asymmetric-small-large .asymmetric-small-image-wrapper {
	height: 250px;
}

.asymmetric-small-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.asymmetric-small-card:hover .asymmetric-small-image {
	transform: scale(1.1);
}

.asymmetric-small-content {
	padding: 18px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.asymmetric-small-card.asymmetric-small-large .asymmetric-small-content {
	padding: 22px;
}

.asymmetric-small-shoulder {
	font-size: 1rem;
	color: #dc2627;
	font-weight: 600;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.asymmetric-small-headline {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	color: #1a1a1a;
	margin: 0 0 12px 0;
	transition: color 0.3s ease;
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.asymmetric-small-card.asymmetric-small-large .asymmetric-small-headline {
	font-size: 2rem;
	-webkit-line-clamp: 4;
}

.asymmetric-small-card:hover .asymmetric-small-headline {
	color: #dc2627;
}

.asymmetric-small-meta {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0;
}

.asymmetric-small-date {
	font-size: 1.1rem;
	color: #666;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.asymmetric-small-date i {
	color: #999;
	font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 991px) {
	.asymmetric-main-wrapper {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.asymmetric-hero-image {
		height: 400px;
	}
	
	.asymmetric-hero-headline {
		font-size: 2.8rem;
	}
	
	.asymmetric-small-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.asymmetric-small-card.asymmetric-small-large {
		grid-column: span 1;
	}
}

@media (max-width: 767px) {
	.asymmetric-hero-image {
		height: 300px;
	}
	
	.asymmetric-hero-headline {
		font-size: 2.2rem;
	}
	
	.asymmetric-hero-content {
		padding: 25px;
	}
	
	.asymmetric-side-image {
		height: 200px;
	}
	
	.asymmetric-side-card.asymmetric-side-large .asymmetric-side-image {
		height: 220px;
	}
	
	.asymmetric-small-grid {
		grid-template-columns: 1fr;
	}
	
	.asymmetric-small-card.asymmetric-small-large {
		grid-column: span 1;
	}
	
	.asymmetric-small-image-wrapper {
		height: 200px;
	}
	
	.asymmetric-small-card.asymmetric-small-large .asymmetric-small-image-wrapper {
		height: 220px;
	}
}

/* ========================================
   PROFESSIONAL NEWS PORTAL DESIGN
   Modern, Clean, Global News Portal Style
   ======================================== */

/* Section Divider */
.portal-section-divider {
	height: 1px;
	background: linear-gradient(to right, transparent, #e0e0e0, transparent);
	margin: 30px 0;
}

/* Lead Article (Main Story) */
.portal-lead-section {
	margin-bottom: 40px;
}

.portal-lead-article {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	background: #fff;
}

.portal-lead-article:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
}

.portal-lead-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.portal-lead-image-wrapper {
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
	background: #f5f5f5;
}

.portal-lead-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.portal-lead-article:hover .portal-lead-image {
	transform: scale(1.05);
}

.portal-lead-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60%;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
	pointer-events: none;
}

.portal-lead-badge {
	position: absolute;
	top: 20px;
	left: 20px;
	background: #dc2627;
	color: #fff;
	padding: 8px 16px;
	font-size: 1.3rem;
	font-weight: 600;
	border-radius: 4px;
	z-index: 2;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.portal-lead-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	z-index: 2;
}

.portal-lead-shoulder {
	font-size: 1.4rem;
	color: #ffd700;
	font-weight: 500;
	margin-bottom: 10px;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.portal-lead-headline {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 15px 0;
	text-shadow: 0 2px 8px rgba(0,0,0,0.7);
}

.portal-lead-meta {
	margin-top: 15px;
}

.portal-lead-date {
	font-size: 1.4rem;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(0,0,0,0.5);
	padding: 6px 14px;
	border-radius: 4px;
}

.portal-lead-date i {
	color: #ffd700;
}

/* Featured Section (3 columns) */
.portal-featured-section {
	margin-bottom: 40px;
}

.portal-featured-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.portal-featured-card {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.portal-featured-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	transform: translateY(-3px);
}

.portal-featured-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.portal-featured-image-wrapper {
	position: relative;
	width: 100%;
	height: 220px;
	overflow: hidden;
	background: #f5f5f5;
}

.portal-featured-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.portal-featured-card:hover .portal-featured-image {
	transform: scale(1.08);
}

.portal-featured-content {
	padding: 20px;
}

.portal-featured-shoulder {
	font-size: 1.2rem;
	color: #dc2627;
	font-weight: 500;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.portal-featured-headline {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	color: #1a1a1a;
	margin: 0 0 12px 0;
	transition: color 0.3s ease;
}

.portal-featured-card:hover .portal-featured-headline {
	color: #dc2627;
}

.portal-featured-meta {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e8e8e8;
}

.portal-featured-date {
	font-size: 1.2rem;
	color: #666;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.portal-featured-date i {
	color: #999;
	font-size: 1.1rem;
}

/* Small News Section (3 columns, 2 rows) */
.portal-small-news-section {
	margin-bottom: 40px;
}

.portal-small-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.portal-small-card {
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	display: flex;
	flex-direction: row;
	gap: 15px;
	padding: 15px;
}

.portal-small-card:hover {
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.portal-small-link {
	display: flex;
	flex-direction: row;
	gap: 15px;
	text-decoration: none;
	color: inherit;
	width: 100%;
}

.portal-small-image-wrapper {
	width: 140px;
	height: 110px;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 6px;
	background: #f5f5f5;
}

.portal-small-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.portal-small-card:hover .portal-small-image {
	transform: scale(1.1);
}

.portal-small-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.portal-small-shoulder {
	font-size: 1rem;
	color: #dc2627;
	font-weight: 500;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.portal-small-headline {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.4;
	color: #1a1a1a;
	margin: 0 0 10px 0;
	transition: color 0.3s ease;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.portal-small-card:hover .portal-small-headline {
	color: #dc2627;
}

.portal-small-meta {
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px solid #f0f0f0;
}

.portal-small-date {
	font-size: 1.1rem;
	color: #666;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.portal-small-date i {
	color: #999;
	font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 991px) {
	.portal-featured-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.portal-small-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.portal-lead-image-wrapper {
		height: 350px;
	}
	
	.portal-lead-headline {
		font-size: 2.4rem;
	}
	
	.portal-featured-image-wrapper {
		height: 180px;
	}
}

@media (max-width: 767px) {
	.portal-featured-grid,
	.portal-small-grid {
		grid-template-columns: 1fr;
	}
	
	.portal-small-card {
		flex-direction: column;
		padding: 12px;
	}
	
	.portal-small-link {
		flex-direction: column;
	}
	
	.portal-small-image-wrapper {
		width: 100%;
		height: 200px;
	}
	
	.portal-lead-image-wrapper {
		height: 280px;
	}
	
	.portal-lead-headline {
		font-size: 2rem;
	}
	
	.portal-lead-content {
		padding: 20px;
	}
	
	.portal-featured-image-wrapper {
		height: 200px;
	}
	
	.portal-featured-headline {
		font-size: 1.8rem;
	}
}

/* Enhanced Lead News Section - Newspaper Style */
/* ========================================
   Lead News - Clean Professional Design
   ======================================== */

.leadNews {
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.leadNewsLink {
    display: block;
    position: relative;
    text-decoration: none;
}

.leadNewsLink:hover {
    text-decoration: none;
}

.leadNewsImage {
    position: relative;
    height: 420px;
    overflow: hidden;
}

.leadNewsImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.leadNews:hover .leadNewsImage img {
    transform: scale(1.03);
}

.leadNewsGradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
}

.leadNewsTag {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #d32f2f;
    color: #ffffff;
    padding: 8px 16px;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 4px;
    z-index: 2;
}

.leadNewsContent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    z-index: 2;
}

.leadNewsSub {
    display: inline-block;
    color: #ffcc00;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.leadNewsTitle,
.leadNewsTitle a,
.leadNewsLink .leadNewsTitle {
    color: #ffffff !important;
    font-size: 2.4rem !important;
    line-height: 3rem !important;
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

.leadNews:hover .leadNewsTitle,
.leadNews:hover .leadNewsTitle a,
.leadNewsLink:hover .leadNewsTitle {
    color: #ffffff !important;
}

.leadNewsInfo {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

.leadNewsDate {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(0,0,0,0.4) !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
}

.leadNewsDate i {
    color: #ffcc00 !important;
    font-size: 1.4rem !important;
}

/* Responsive */
@media (max-width: 991px) {
    .leadNewsImage {
        height: 350px;
    }
    
    .leadNewsTitle {
        font-size: 2.6rem;
        line-height: 3.4rem;
    }
}

@media (max-width: 767px) {
    .leadNewsImage {
        height: 280px;
    }
    
    .leadNewsContent {
        padding: 20px;
    }
    
    .leadNewsTitle {
        font-size: 2.2rem;
        line-height: 3rem;
    }
    
    .leadNewsTag {
        padding: 6px 12px;
        font-size: 1.2rem;
    }
}

/* Old styles - keeping for compatibility */
.desktopLeadNews {
    display: none;
}

.leadNewsBadge {
    display: none;
}

.leadNewsLabel {
    display: none;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 2px 6px rgba(220, 38, 39, 0.3);
    position: relative;
}

.leadNewsLabel::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #dc2627;
}

.leadNewsContent {
    padding-right: 20px;
}

.leadNewsTitle {
    font-size: 3.2rem !important;
    line-height: 4rem !important;
    color: #1a1a1a !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #dc2627;
    padding-left: 15px;
    margin-left: -15px;
}

.leadNewsTitle strong {
    font-weight: 700;
}

.leadNewsExcerpt {
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
    color: #444 !important;
    text-align: justify;
    margin-top: 15px !important;
}

.leadNewsTime {
    font-size: 1.4rem !important;
    font-weight: 500;
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
    margin-top: 20px !important;
}

.leadNewsImage {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.leadNewsImage img {
    transition: transform 0.3s ease;
    width: 100%;
    height: auto;
}

.desktopLeadNews:hover .leadNewsImage img {
    transform: scale(1.05);
}

.desktopLeadNews:hover .leadNewsTitle {
    color: #dc2627 !important;
}

/* ========================================
   Three Featured Posts Section - Redesigned
   ======================================== */

.three-featured-section {
    margin-bottom: 30px;
}

.three-featured-item {
    margin-bottom: 20px;
}

.three-featured-card {
    background: transparent;
    border-radius: 0;
    overflow: visible;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.three-featured-image-wrapper {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #f5f5f5;
}

.three-featured-image {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}


.three-featured-content {
    padding: 16px 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.three-featured-title {
    margin: 0;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #212529;
}

.three-featured-title a {
    color: inherit;
    text-decoration: none;
    display: block;
}

.three-featured-subheading {
    color: #d32f2f;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
    display: inline;
}

.three-featured-title-text {
    color: #212529;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
    display: inline;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (max-width: 991px) {
    .three-featured-image-wrapper {
        height: 200px;
    }
    
    .three-featured-image {
        height: 200px;
    }
    
    .three-featured-title {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
    
    .three-featured-subheading {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
    
    .three-featured-title-text {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

@media (max-width: 768px) {
    .three-featured-image-wrapper {
        height: 180px;
    }
    
    .three-featured-image {
        height: 180px;
    }
    
    .three-featured-title {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    
    .three-featured-subheading {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    
    .three-featured-title-text {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

@media (max-width: 768px) {
    .desktopLeadNews {
        padding: 15px;
    }
    
    .leadNewsTitle {
        font-size: 2.4rem !important;
        line-height: 3rem !important;
    }
    
    .leadNewsLabel {
        font-size: 1.2rem;
        padding: 6px 15px;
    }
}

/* ============================================
   Category Page – Reconcept (no underline on hover)
   ============================================ */
.catReconcept a,
.catReconcept a:hover,
.catReconcept a:focus,
.catReconceptMobile a,
.catReconceptMobile a:hover,
.catReconceptMobile a:focus {
    text-decoration: none !important;
}
.catReconcept {
    background: #fff;
    padding: 20px 0 40px;
}
.catReconceptInner {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 15px;
}
.catReconceptHeader {
    margin-bottom: 28px;
}
.catReconceptTitle {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
}
.catReconceptDesc {
    font-size: 1.4rem;
    color: #555;
    line-height: 1.5;
    margin: 0 0 16px 0;
}
.catReconceptNav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.catReconceptNavLink {
    display: inline-block;
    font-size: 1.25rem;
    color: #444;
    padding: 8px 16px;
    background: #f2f2f2;
    border-radius: 8px;
    transition: background 0.2s, color 0.2s;
}
.catReconceptNavLink:hover {
    background: #dc2627;
    color: #fff;
}
/* Hero */
.catReconceptHero {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
}
.catReconceptHeroImage {
    height: 420px;
    overflow: hidden;
    position: relative;
}
.catReconceptHeroImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.catReconceptHero:hover .catReconceptHeroImage img {
    transform: scale(1.04);
}
.catReconceptHeroOverlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
}
.catReconceptHeroContent {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 28px 24px;
}
.catReconceptHeroLabel {
    display: block;
    font-size: 1.15rem;
    color: #ff6b6b;
    font-weight: 600;
    margin-bottom: 6px;
}
.catReconceptHeroTitle {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px 0;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.catReconceptHeroMeta {
    font-size: 1.2rem;
    color: rgba(255,255,255,0.85);
}
/* Grid */
.catReconceptGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}
.catReconceptCard {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background: #f8f8f8;
    transition: transform 0.2s ease;
}
.catReconceptCard:hover {
    transform: translateY(-3px);
}
.catReconceptCardImg {
    height: 160px;
    overflow: hidden;
}
.catReconceptCardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catReconceptCardTitle {
    font-size: 1.35rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    padding: 14px 16px;
    line-height: 1.4;
    display: inherit;
}
.catReconceptCard:hover .catReconceptCardTitle {
    color: #dc2627;
}
/* List */
.catReconceptAd {
    margin: 24px 0;
}
.catReconceptList {
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 24px;
}
.catReconceptListRow {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #eee;
    transition: background 0.2s ease;
}
.catReconceptListRow:last-child { border-bottom: none; }
.catReconceptListRow:nth-last-child(2):nth-child(odd) { border-bottom: none; }
.catReconceptListRow:hover {
    background: #fafafa;
}
.catReconceptListThumb {
    flex-shrink: 0;
    width: 130px;
    height: 90px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 18px;
}
.catReconceptListThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catReconceptListBody {
    flex: 1;
    min-width: 0;
}
.catReconceptListTitle {
    font-size: 1.4rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.catReconceptListRow:hover .catReconceptListTitle {
    color: #dc2627;
}
.catReconceptListDate {
    font-size: 1.2rem;
    color: #888;
}
.catReconceptMore {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 20px;
}
.catReconceptMoreBtn {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #333;
    padding: 10px 24px;
    min-width: 120px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none !important;
}
.catReconceptMoreBtn:hover {
    background: #fff;
    color: #dc2627;
    border-color: #dc2627;
}
.catReconceptMoreBtn .catReconceptMoreSpinner,
.catReconceptMoreBtn .latestLoadMoreSpinner {
    margin-left: 6px;
    font-size: 1rem;
}

.latestNewsLoadMoreWrap .catReconceptMoreBtn {
    cursor: pointer;
    background: #fff;
    text-decoration: none;
}
.latestNewsLoadMoreWrap .catReconceptMoreBtn:disabled {
    opacity: 0.8;
    cursor: wait;
}
@media (max-width: 991px) {
    .catReconceptGrid { grid-template-columns: repeat(2, 1fr); }
    .catReconceptHeroImage { height: 320px; }
    .catReconceptList { grid-template-columns: 1fr; }
    .catReconceptListRow:nth-last-child(2):nth-child(odd) { border-bottom: 1px solid #eee; }
}
@media (max-width: 767px) {
    .catReconceptHeroImage { height: 260px; }
    .catReconceptListThumb { width: 100px; height: 72px; margin-right: 14px; }
}

/* Category mobile reconcept */
.catReconceptMobile {
    padding: 16px;
    background: #f5f5f5;
}
.catReconceptMobileHeader {
    background: #fff;
    padding: 18px;
    border-radius: 10px;
    margin-bottom: 16px;
    border-left: 4px solid #dc2627;
}
.catReconceptMobileTitle {
    font-size: 1.85rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 6px 0;
}
.catReconceptMobileDesc {
    font-size: 1.35rem;
    color: #555;
    margin: 0 0 14px 0;
    line-height: 1.5;
}
.catReconceptMobileNav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.catReconceptMobileNavLink {
    display: inline-block;
    font-size: 1.2rem;
    color: #444;
    padding: 7px 14px;
    background: #f0f0f0;
    border-radius: 8px;
}
.catReconceptMobileNavLink:hover {
    background: #dc2627;
    color: #fff;
}
.catReconceptMobilePosts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.catReconceptMobileHero {
    display: block;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.catReconceptMobileHeroImg {
    height: 220px;
    overflow: hidden;
}
.catReconceptMobileHeroImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catReconceptMobileHeroContent {
    padding: 16px;
}
.catReconceptMobileLabel {
    display: block;
    font-size: 1.15rem;
    color: #dc2627;
    font-weight: 600;
    margin-bottom: 6px;
}
.catReconceptMobileHeroTitle {
    font-size: 1.65rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
    line-height: 1.35;
}
.catReconceptMobileMeta {
    font-size: 1.2rem;
    color: #888;
}
.catReconceptMobileRow {
    display: flex;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 12px;
}
.catReconceptMobileThumb {
    flex-shrink: 0;
    width: 100px;
    height: 75px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 14px;
}
.catReconceptMobileThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catReconceptMobileBody {
    flex: 1;
    min-width: 0;
}
.catReconceptMobileRowTitle {
    font-size: 1.35rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.catReconceptMobileRowDate {
    font-size: 1.15rem;
    color: #888;
}
.catReconceptMobileEmpty {
    background: #fff;
    padding: 32px;
    border-radius: 10px;
}
.catReconceptMobileEmpty p {
    margin: 0;
    font-size: 1.4rem;
    color: #666;
}
.catReconceptMobilePagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding: 16px 0;
}
.catReconceptMobilePagBtn {
    font-size: 1.35rem;
    font-weight: 600;
    color: #dc2627;
}
.catReconceptMobilePagInfo {
    font-size: 1.3rem;
    color: #555;
    font-weight: 600;
}

/* ============================================
   News-style breadcrumb
   ============================================ */
.prime-barta-breadcrumb {
    margin: 0 0 14px 0;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
}
.prime-barta-breadcrumb__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #555;
}
.prime-barta-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.prime-barta-breadcrumb__sep {
    margin: 0 8px;
    color: #999;
    user-select: none;
}
.prime-barta-breadcrumb__link {
    color: #333;
    text-decoration: none;
}
.prime-barta-breadcrumb__link:hover {
    color: #dc2627;
    text-decoration: none;
}
.prime-barta-breadcrumb__current {
    color: #1a1a1a;
    font-weight: 600;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .prime-barta-breadcrumb {
        margin-bottom: 12px;
        padding: 8px 0;
    }
    .prime-barta-breadcrumb__list {
        font-size: 1.2rem;
    }
    .prime-barta-breadcrumb__current {
        white-space: normal;
    }
}

/* ============================================
   Unique Single Post Page Design
   ============================================ */

/* ============================================
   Single Post Reconcept - Fresh redesign
   Same elements, modern layout and styling
   ============================================ */
.singlePostReconcept {
    --single-accent: #dc2627;
    --single-accent-soft: #fff5f5;
    --single-text: #1a1a1a;
    --single-text-muted: #555;
    --single-border: #e8e8e8;
    --single-radius: 10px;
    --single-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.singlePostReconcept .singlePostBody {
    margin: 0 0 35px 0;
    padding: 0;
}

.singlePostReconcept .singlePostCategory {
    margin-bottom: 12px;
}

.singlePostReconcept .singlePostCategoryLink {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.3px;
    padding: 6px 14px;
    background: var(--single-accent-soft);
    color: var(--single-accent);
    border-radius: 6px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.25s ease;
    border: none;
}

.singlePostReconcept .singlePostCategoryLink:hover {
    background: var(--single-accent);
    color: #fff;
    transform: translateY(-1px);
}

.singlePostReconcept .singlePostShoulder {
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--single-accent);
    margin-bottom: 10px;
    font-weight: 500;
    font-style: italic;
    opacity: 0.95;
}

.singlePostReconcept .singlePostHeadline {
    font-size: 2.75rem !important;
    line-height: 1.3 !important;
    color: var(--single-text) !important;
    font-weight: 700;
    margin: 0 0 22px 0 !important;
    letter-spacing: -0.02em;
}

.singlePostReconcept .singlePostAuthorBox {
    margin-bottom: 28px;
}

.singlePostReconcept .singlePostAuthorBoxInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: #fafafa;
    border: 1px solid var(--single-border);
    border-radius: var(--single-radius);
    flex-wrap: wrap;
    gap: 12px;
}

.singlePostReconcept .singlePostAuthorAvatarNew {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.singlePostReconcept .singlePostAuthorNameLink {
    font-size: 1.4rem;
    font-weight: 600;
}

.singlePostReconcept .singlePostAuthorDateNew {
    font-size: 1.3rem;
}

.singlePostReconcept .singlePostShareBtn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
}

.singlePostReconcept .singlePostShareBtn i {
    font-size: 14px !important;
}

.singlePostReconcept .singlePostFeaturedImage {
    margin: 28px 0;
    border-radius: var(--single-radius);
    overflow: hidden;
    box-shadow: var(--single-shadow);
}

.singlePostReconcept .singlePostImageWrapper {
    border-radius: var(--single-radius);
}

.singlePostReconcept .singlePostImage {
    display: block;
}

.singlePostReconcept .singlePostImageCaption {
    font-size: 1.3rem;
    padding: 14px 20px;
}

.singlePostReconcept .singlePostContent {
    padding: 5px 0 0;
}

.singlePostReconcept .desktopDetailTag {
    padding: 18px 0;
    border-top: 1px solid var(--single-border);
}

.singlePostReconcept .desktopDetailTag p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.singlePostReconcept .desktopTagItem {
    display: inline-block;
    padding: 6px 14px;
    background: #f5f5f5;
    color: var(--single-text-muted);
    font-size: 1.25rem;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.singlePostReconcept .desktopTagItem:hover {
    background: var(--single-accent-soft);
    color: var(--single-accent);
}

.singlePostReconcept .relatedNewsWidgetDesktop1 {
    margin-top: 40px;
    padding-top: 28px;
    border-top: 2px solid var(--single-border);
}

.singlePostReconcept .relatedNewsWidgetDesktop1 .desktopSectionTitle {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 18px;
}

/* Related News – overlay cards, 3 per line, 6 total */
.relatedNewsWidgetDesktop1 .relatedNewsGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.relatedNewsWidgetDesktop1 .relatedNewsCard {
    display: block;
    text-decoration: none;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fa;
    transition: transform 0.2s ease;
}
.relatedNewsWidgetDesktop1 .relatedNewsCard:hover {
    transform: translateY(-2px);
}
.relatedNewsCardImage {
    position: relative;
    height: 200px;
    overflow: hidden;
    display: block;
}
.relatedNewsCardImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
.relatedNewsCard:hover .relatedNewsCardImage img {
    transform: scale(1.06);
}
.relatedNewsCardOverlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
    pointer-events: none;
}
.relatedNewsCardTitle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 16px 14px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
@media (max-width: 991px) {
    .relatedNewsWidgetDesktop1 .relatedNewsGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .relatedNewsWidgetDesktop1 .relatedNewsGrid {
        grid-template-columns: 1fr;
    }
    .relatedNewsCardImage {
        height: 220px;
    }
}
/* Video play icon on related video cards */
.relatedNewsCardVideo .relatedNewsVideoPlayIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 1.6rem;
    background: rgba(220, 38, 39, 0.95);
    color: #fff;
    border-radius: 50%;
    z-index: 2;
}

.singlePostReconcept .singlePostVideoSection {
    margin: 28px 0;
    border-radius: var(--single-radius);
    overflow: hidden;
    box-shadow: var(--single-shadow);
}

.singlePostReconcept .singlePostVideoHeader {
    border-radius: var(--single-radius) var(--single-radius) 0 0;
}

/* Single Post Header */
.singlePostHeader {
    position: relative;
    padding-bottom: 25px;
    border-bottom: 3px solid #dc2627;
    margin-bottom: 30px;
}

.singlePostCategory {
    margin-bottom: 15px;
}

.singlePostCategoryLink {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.4;
    color: #dc2627;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 20px;
    background: #fff3f3;
    border-left: 4px solid #dc2627;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.singlePostCategoryLink:hover {
    background: #dc2627;
    color: #fff;
    transform: translateX(5px);
}

.singlePostShoulder {
    font-size: 1.65rem;
    line-height: 1.5;
    color: #d10707;
    margin-bottom: 12px;
    font-weight: 500;
    font-style: italic;
}

.singlePostHeadline {
    font-size: 3rem !important;
    line-height: 1.35 !important;
    color: #1a1a1a !important;
    font-weight: 700;
    margin: 0 0 25px 0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    letter-spacing: -0.5px;
}

.singlePostMeta {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
}

.singlePostAuthor {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.singlePostAuthorLink {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.singlePostAuthorLink:hover {
    opacity: 0.8;
}

.singlePostAuthorAvatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #e8e8e8;
    object-fit: cover;
}

.singlePostAuthorName {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
}

.singlePostDate {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    color: #666;
    margin-left: 8px;
    padding-left: 12px;
    border-left: 1px solid #e8e8e8;
}

.singlePostShare {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Single Post Featured Image */
.singlePostFeaturedImage {
    position: relative;
    margin: 30px 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    background: #f8f8f8;
}

.singlePostImageWrapper {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.singlePostImage {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.singlePostFeaturedImage:hover .singlePostImage {
    transform: scale(1.02);
}

.singlePostImageCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
    color: #fff;
    padding: 20px 25px 15px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
    font-style: italic;
}

/* YouTube Video Section - Custom Player */
.singlePostVideoSection {
    background: #000000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

/* Video Header */
.singlePostVideoHeader {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
}

.singlePostVideoIcon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: #ffffff;
    font-size: 1.4rem;
}

.singlePostVideoLabel {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 600;
}

.singlePostVideoContainer {
    position: relative;
}

.singlePostVideoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    background: #000;
}

.singlePostVideoWrapper iframe {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: calc(100% + 120px);
    border: none;
    z-index: 1;
}

/* Click area overlay */
.singlePostVideoClickArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    z-index: 5;
    cursor: pointer;
}

/* Pause overlay to hide YouTube suggestions */
.singlePostVideoPauseOverlay {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: calc(100% + 120px);
    background: rgba(0, 0, 0, 0.85);
    z-index: 20;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.singlePostVideoResumeBtn {
    width: 80px;
    height: 80px;
    background: rgba(211, 47, 47, 0.95);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.singlePostVideoResumeBtn i {
    color: #ffffff;
    font-size: 2.8rem;
    margin-left: 5px;
}

.singlePostVideoResumeBtn:hover {
    background: #d32f2f;
    transform: scale(1.1);
    box-shadow: 0 12px 35px rgba(211, 47, 47, 0.5);
}

/* Video Overlay with Thumbnail */
.singlePostVideoOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.singlePostVideoThumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.singlePostVideoPlayBtn {
    position: relative;
    z-index: 11;
    width: 80px;
    height: 80px;
    background: rgba(211, 47, 47, 0.95);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.singlePostVideoPlayBtn i {
    color: #ffffff;
    font-size: 2.8rem;
    margin-left: 5px;
}

.singlePostVideoPlayBtn:hover {
    background: #d32f2f;
    transform: scale(1.1);
    box-shadow: 0 12px 35px rgba(211, 47, 47, 0.5);
}

/* Custom Controls Bar */
.singlePostVideoControls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);
    border-top: 1px solid #333;
}

.singlePostVideoControlsLeft {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.singlePostVideoControlsRight {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Control Buttons */
.singlePostVideoCtrlBtn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: #aaaaaa;
    font-size: 1.5rem;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.singlePostVideoCtrlBtn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    text-decoration: none;
}

/* Progress Bar */
.singlePostVideoProgress {
    flex: 1;
    height: 5px;
    background: #444;
    border-radius: 3px;
    cursor: pointer;
    overflow: visible;
    position: relative;
}

.singlePostVideoProgressFill {
    height: 100%;
    background: #d32f2f;
    border-radius: 3px;
    width: 0%;
    position: relative;
}

.singlePostVideoProgressFill::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.singlePostVideoProgress:hover {
    height: 6px;
}

.singlePostVideoProgress:hover .singlePostVideoProgressFill {
    background: #ff4444;
}

.singlePostVideoProgress:hover .singlePostVideoProgressFill::after {
    opacity: 1;
}

/* Volume Slider */
.singlePostVideoVolumeWrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}

.singlePostVideoVolumeSlider {
    width: 60px;
    height: 5px;
    background: #444;
    border-radius: 3px;
    cursor: pointer;
    overflow: visible;
    transition: width 0.2s ease;
    position: relative;
}

.singlePostVideoVolumeWrapper:hover .singlePostVideoVolumeSlider {
    width: 80px;
}

.singlePostVideoVolumeFill {
    height: 100%;
    background: #ffffff;
    border-radius: 3px;
    width: 100%;
    position: relative;
}

.singlePostVideoVolumeFill::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.singlePostVideoVolumeSlider:hover .singlePostVideoVolumeFill {
    background: #d32f2f;
}

.singlePostVideoVolumeSlider:hover .singlePostVideoVolumeFill::after {
    opacity: 1;
}

/* Fullscreen styles */
.singlePostVideoSection:fullscreen {
    border-radius: 0;
}

.singlePostVideoSection:fullscreen .singlePostVideoWrapper {
    padding-bottom: 0;
    height: calc(100vh - 100px);
}

.singlePostVideoSection:fullscreen .singlePostVideoClickArea {
    height: calc(100% - 60px);
}

/* Responsive */
@media (max-width: 767px) {
    .singlePostVideoPlayBtn {
        width: 60px;
        height: 60px;
    }
    
    .singlePostVideoPlayBtn i {
        font-size: 2rem;
        margin-left: 3px;
    }
    
    .singlePostVideoControls {
        padding: 8px 12px;
    }
    
    .singlePostVideoCtrlBtn {
        width: 32px;
        height: 32px;
        font-size: 1.3rem;
    }
    
    .singlePostVideoHeader {
        padding: 10px 15px;
    }
    
    .singlePostVideoLabel {
        font-size: 1.4rem;
    }
}

/* Single Post Body */
.singlePostBody {
    margin: 40px 0;
    position: relative;
}

.singlePostContent {
    font-size: 1.6rem !important;
    line-height: 1.7 !important;
    color: #2a2a2a;
    font-weight: 400;
    text-align: justify;
    position: relative;
    padding: 0;
}

.singlePostContent::first-letter {
    font-size: inherit;
    line-height: inherit;
    float: none;
    padding: 0;
    color: inherit;
    font-weight: inherit;
}

.singlePostContent p {
    font-size: 1.6rem !important;
    line-height: 1.7 !important;
    font-weight: 400;
    margin-bottom: 1.4em !important;
    text-align: justify;
    color: #2a2a2a;
}

.singlePostContent h1,
.singlePostContent h2,
.singlePostContent h3,
.singlePostContent h4 {
    font-size: 1.6rem !important;
    line-height: 1.5 !important;
    font-weight: 600;
    color: #1a1a1a;
    margin: 25px 0 14px 0 !important;
    padding-bottom: 8px;
    border-bottom: 2px solid #e8e8e8;
}

.singlePostContent a {
    color: #dc2627;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.singlePostContent a:hover {
    color: #8a0000;
}

.singlePostContent img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 25px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.singlePostContent blockquote {
    border-left: 4px solid #dc2627;
    padding: 15px 25px;
    margin: 30px 0;
    background: #f8f8f8;
    font-style: italic;
    font-size: 1.6rem !important;
    line-height: 1.7 !important;
    font-weight: 400;
    color: #444;
}

.singlePostContent ul,
.singlePostContent ol {
    margin: 25px 0;
    padding-left: 30px;
}

.singlePostContent li {
    font-size: 1.6rem !important;
    line-height: 1.7 !important;
    font-weight: 400;
    margin-bottom: 0.5em;
}

/* Responsive Design */
@media (max-width: 992px) {
    .singlePostHeadline {
        font-size: 2.5rem !important;
        line-height: 1.35 !important;
    }
    
    .singlePostContent {
        font-size: 1.55rem !important;
        line-height: 1.7 !important;
    }
    
    .singlePostContent::first-letter {
        font-size: inherit;
    }
}

/* Single Post Author Info Box (Left Sidebar) */
.singlePostAuthorInfo {
    padding: 15px !important;
}

.singlePostAuthorInfoContent {
    margin-bottom: 0;
}

.singlePostReporterName {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 8px;
}

.singlePostReporterName i {
    color: #dc2627;
    margin-right: 8px;
    font-size: 1.6rem;
}

.singlePostReporterName a {
    font-style: italic;
    transition: color 0.3s ease;
}

.singlePostReporterName a:hover {
    color: #dc2627 !important;
}

.singlePostAuthorInfo .desktopDetailPTime {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    margin-top: 5px;
}

/* Vertical Share Buttons */
.singlePostShareVertical {
    border-top: 1px solid #e8e8e8;
    padding-top: 15px;
    margin-top: 15px;
}

.singlePostShareVertical .sharethis-inline-share-buttons {
    display: block !important;
}

.singlePostShareVertical .sharethis-inline-share-buttons > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-start !important;
}

.singlePostShareVertical .st-btn {
    margin: 0 !important;
    margin-bottom: 8px !important;
    width: auto !important;
    display: block !important;
    float: none !important;
}

.singlePostShareVertical .st-btn:last-child {
    margin-bottom: 0 !important;
}

/* New Author Box Design */
.singlePostAuthorBox {
    margin-bottom: 30px;
}

.singlePostAuthorBoxInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    gap: 20px;
}

.singlePostAuthorSection {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.singlePostAuthorAvatarBox {
    flex-shrink: 0;
}

.singlePostAuthorAvatarNew {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    object-fit: cover;
    transition: all 0.3s ease;
    display: block;
}

.singlePostAuthorAvatarBox:hover .singlePostAuthorAvatarNew {
    border-color: #dc2627;
    transform: scale(1.05);
}

.singlePostAuthorText {
    flex: 1;
    min-width: 0;
}

.singlePostAuthorNameBox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.singlePostAuthorPenIcon {
    color: #dc2627;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.singlePostAuthorNameLink {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    text-decoration: none !important;
    transition: color 0.3s ease;
    font-size: 1.7rem;
    line-height: 2.2rem;
    font-weight: 500;
}

.singlePostAuthorNameLink:hover {
    color: #dc2627;
}

.singlePostAuthorDateBox {
    display: flex;
    align-items: center;
    gap: 6px;
}

.singlePostAuthorClockIcon {
    color: #999;
    font-size: 1rem;
    flex-shrink: 0;
}

.singlePostAuthorDateNew {
    font-size: 1.35rem;
    line-height: 1.5;
    font-weight: 400;
    color: #666;
}

/* Share Icons Box */
.singlePostShareBox {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    flex-shrink: 0;
}

.singlePostShareBtn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    font-size: 16px;
    color: #fff !important;
    line-height: 1;
}

.singlePostShareBtn i {
    font-size: 16px !important;
    color: #fff !important;
    line-height: 1;
}

.singlePostShareBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.singlePostShareBtn:hover i {
    color: #fff !important;
}

.singlePostShareIcon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: all 0.3s ease;
    font-size: 18px;
    color: #fff !important;
    line-height: 1;
}

.singlePostShareIcon i {
    font-size: 18px !important;
    color: #fff !important;
    display: inline-block;
    line-height: 1;
}

.singlePostShareIcon:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.singlePostShareIcon:hover i {
    color: #fff !important;
}

.singlePostShareFacebook {
    background-color: #1877f2;
}

.singlePostShareFacebook:hover {
    background-color: #1565c0;
}

.singlePostShareX {
    background-color: #000000;
}

.singlePostShareX:hover {
    background-color: #333333;
}

.singlePostShareWhatsApp {
    background-color: #25d366;
}

.singlePostShareWhatsApp:hover {
    background-color: #1da851;
}

.singlePostShareMessenger {
    background-color: #0084ff;
}

.singlePostShareMessenger:hover {
    background-color: #0066cc;
}

.singlePostSharePrint {
    background-color: #666666;
}

.singlePostSharePrint:hover {
    background-color: #4a4a4a;
}

/* New Share Button Colors */
.singlePostShareBtnFacebook {
    background-color: #1877f2;
}

.singlePostShareBtnFacebook:hover {
    background-color: #1565c0;
}

.singlePostShareBtnX {
    background-color: #000000;
}

.singlePostShareBtnX:hover {
    background-color: #333333;
}

.singlePostShareBtnWhatsApp {
    background-color: #25d366;
}

.singlePostShareBtnWhatsApp:hover {
    background-color: #1da851;
}

.singlePostShareBtnMessenger {
    background-color: #0084ff;
}

.singlePostShareBtnMessenger:hover {
    background-color: #0066cc;
}

.singlePostShareBtnPrint {
    background-color: #666666;
}

.singlePostShareBtnPrint:hover {
    background-color: #4a4a4a;
}

.singlePostShareBtnDownload {
    background-color: #dc2627;
}

.singlePostShareBtnDownload:hover {
    background-color: rgb(220, 38, 39);
}

.singlePostShareBtnDownload i.fa-eye {
    font-size: 16px !important;
}

/* Full Width Top Ad */
.singlePostTopAd {
    width: 100%;
}

.singlePostTopAd.singlePostTopAdWidget {
    padding-top: 10px;
    padding-bottom: 10px;
}

.singlePostTopAdPlaceholder {
    width: 100%;
    border: 1px dashed #ccc;
    border-radius: 4px;
    overflow: hidden;
    background: #f5f5f5;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.singlePostTopAdPlaceholder img {
    width: 100%;
    height: auto;
    display: block;
}

/* Single Post - In-Content Ad (widget area) */
.single-post-incontent-ad {
    width: 100%;
    overflow: visible;
}
.single-post-incontent-ad .widget {
    margin-bottom: 0;
}

/* Single Post - hide empty ad slots so they don't leave a gap */
.single-post-ad-slot:empty {
    display: none;
}
.single-post-ad-row:has(.single-post-ad-slot:empty) {
    display: none;
}
/* Top ad row: when slot is empty hide the whole block */
.singlePostTopAd.single-post-ad-row .single-post-ad-slot:empty {
    display: none;
}
.singlePostTopAd.single-post-ad-row:has(.single-post-ad-slot:empty) {
    display: none;
}

/* Photocard Download Button */
.singlePostPhotocardDownload {
    text-align: center;
    padding: 15px 0;
}

.singlePostDownloadPhotocardBtn {
    background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
    color: #ffffff;
    border: none;
    padding: 12px 30px;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(211, 47, 47, 0.3);
}

.singlePostDownloadPhotocardBtn:hover {
    background: linear-gradient(135deg, #b71c1c 0%, #8b0000 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(211, 47, 47, 0.4);
}

.singlePostDownloadPhotocardBtn:active {
    transform: translateY(0);
}

.singlePostDownloadPhotocardBtn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.singlePostDownloadPhotocardBtn i {
    margin-right: 8px;
}

/* Photocard Container (Hidden) */
.photocardContainer {
    font-family: 'July', Arial, Helvetica, sans-serif;
}

/* Responsive for Author Box */
@media (max-width: 768px) {
    .singlePostAuthorBoxInner {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .singlePostShareBox {
        width: 100%;
        justify-content: flex-start;
    }
    
    .singlePostAuthorAvatarNew {
        width: 40px;
        height: 40px;
    }
    
    .singlePostAuthorNameLink {
        font-size: 1.5rem;
    }
    
    .singlePostAuthorDateNew {
        font-size: 1.3rem;
    }
    
    .singlePostTopAdPlaceholder {
        min-height: 50px;
    }
    
    .singlePostTopAdPlaceholder span {
        font-size: 1.2rem;
    }
    
    .singlePostDownloadPhotocardBtn {
        font-size: 1.4rem;
        padding: 10px 20px;
    }
}

@media (max-width: 768px) {
    .singlePostHeader {
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    
    .singlePostHeadline {
        font-size: 2.8rem !important;
        line-height: 3.6rem !important;
    }
    
    .singlePostShoulder {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    
    .singlePostCategoryLink {
        font-size: 1.4rem;
        padding: 6px 15px;
    }
    
    .singlePostContent {
        font-size: 1.55rem !important;
        line-height: 1.7 !important;
    }
    
    .singlePostContent::first-letter {
        font-size: inherit;
    }
    
    .singlePostContent p {
        font-size: 1.55rem !important;
        line-height: 1.7 !important;
    }
    
    .singlePostAuthor {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .singlePostDate {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        margin-top: 8px;
    }
    
    .singlePostShare {
        justify-content: flex-start;
        margin-top: 15px;
    }
    
    .singlePostAuthorInfo {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .singlePostAuthorInfo .desktopDetailAuthorDiv {
        margin-bottom: 10px;
    }
    
    .singlePostAuthorInfo .displayInlineBlock {
        text-align: center;
    }
    
    .singlePostAuthorInfo .desktopDetailReporter {
        font-size: 1.6rem;
    }
    
    .singlePostAuthorInfo .desktopDetailPTime {
        font-size: 1.4rem;
    }
}

/* ============================================
   ENTERTAINMENT SECTION - Showbiz/Cinema Vibe
   Glamorous dark theme with golden accents
   ============================================ */

.entertainmentSection {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d1f3d 50%, #1a1a1a 100%);
    padding: 50px 0 60px;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}

/* Spotlight effect */
.entertainmentSection::before {
    content: '';
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    width: 800px;
    height: 400px;
    background: radial-gradient(ellipse, rgba(255, 215, 0, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

/* Film strip decoration */
.entertainmentSection::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: repeating-linear-gradient(
        90deg,
        #ffd700 0px,
        #ffd700 20px,
        #1a1a1a 20px,
        #1a1a1a 30px
    );
    opacity: 0.6;
}

.entertainmentSection .container {
    position: relative;
    z-index: 1;
}

/* Section Header - Glamorous Style */
.entertainmentHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 215, 0, 0.2);
}

.entertainmentHeaderLeft {
    display: flex;
    align-items: center;
    gap: 15px;
}

.entertainmentIcon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #ffd700, #ff8c00);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #1a1a1a;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.4);
    animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.4); }
    50% { box-shadow: 0 0 30px rgba(255, 215, 0, 0.6); }
}

.entertainmentTitle {
    margin: 0;
    font-size: 2.4rem;
    font-weight: 700;
}

.entertainmentTitle a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.entertainmentTitle a:hover {
    color: #ffd700;
}

.entertainmentSubtitle {
    color: #ffd700;
    font-size: 1.2rem;
    font-style: italic;
    opacity: 0.8;
}

.entertainmentViewAll {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 25px;
    background: transparent;
    border: 2px solid #ffd700;
    color: #ffd700;
    text-decoration: none;
    border-radius: 30px;
    font-size: 1.3rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.entertainmentViewAll:hover {
    background: #ffd700;
    color: #1a1a1a;
    text-decoration: none;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
}

.entertainmentViewAll i {
    font-size: 11px;
}

/* Content Layout */
.entertainmentContent {
    display: grid;
    grid-template-columns: 1.2fr 1fr 280px;
    gap: 25px;
}

/* Main Featured - Star Card */
.entertainmentMain {
    grid-column: 1;
}

.entertainmentMainCard {
    display: block;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.4s ease;
    height: 100%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.entertainmentMainCard:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(255, 215, 0, 0.2);
    text-decoration: none;
}

.entertainmentMainImage {
    position: relative;
    height: 350px;
    overflow: hidden;
}

.entertainmentMainImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.entertainmentMainCard:hover .entertainmentMainImage img {
    transform: scale(1.1);
}

.entertainmentMainOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        180deg,
        transparent 0%,
        transparent 40%,
        rgba(0, 0, 0, 0.95) 100%
    );
}

.entertainmentPlayIcon {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 40px;
    color: #ffd700;
    opacity: 0.9;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.entertainmentMainCard:hover .entertainmentPlayIcon {
    transform: scale(1.1);
    opacity: 1;
}

.entertainmentMainContent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px;
}

.entertainmentMainShoulder {
    display: inline-block;
    background: linear-gradient(135deg, #ffd700, #ff8c00);
    color: #1a1a1a;
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.entertainmentMainTitle {
    color: #fff;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.entertainmentMainExcerpt {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin: 0 0 12px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.entertainmentMainDate {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.2rem;
}

.entertainmentMainDate i {
    margin-right: 5px;
    color: #ffd700;
}

/* Grid Posts - Celebrity Cards */
.entertainmentGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 15px;
}

.entertainmentGridCard {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

.entertainmentGridCard:hover {
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 215, 0, 0.15);
}

.entertainmentGridCardLarge,
.entertainmentGridCardSmall {
    height: 180px;
}

.entertainmentGridImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.entertainmentGridImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.entertainmentGridCard:hover .entertainmentGridImage img {
    transform: scale(1.1);
}

.entertainmentGridOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        180deg,
        transparent 30%,
        rgba(0, 0, 0, 0.9) 100%
    );
}

.entertainmentGridContent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 2;
}

.entertainmentGridShoulder {
    display: inline-block;
    background: #ffd700;
    color: #1a1a1a;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.entertainmentGridTitle {
    color: #fff;
    font-size: 2.2rem;
    line-height: 3.2rem;
    font-weight: 600;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.entertainmentGridCard:hover .entertainmentGridTitle {
    color: #ffd700;
}

/* Side List - Trending Stars */
.entertainmentList {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    padding: 20px;
    border: 1px solid rgba(255, 215, 0, 0.15);
    backdrop-filter: blur(5px);
}

.entertainmentListHeader {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(255, 215, 0, 0.3);
}

.entertainmentListIcon {
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #ffd700, #ff8c00);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #1a1a1a;
}

.entertainmentListTitle {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}

.entertainmentListItem {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-decoration: none;
    transition: all 0.3s ease;
}

.entertainmentListItem:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.entertainmentListItem:hover {
    text-decoration: none;
    padding-left: 8px;
}

.entertainmentListSerial {
    width: 26px;
    height: 26px;
    background: linear-gradient(135deg, #ffd700, #ff8c00);
    color: #1a1a1a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    flex-shrink: 0;
}

.entertainmentListContent {
    flex: 1;
}

.entertainmentListItemTitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 500;
    margin: 0 0 4px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.entertainmentListItem:hover .entertainmentListItemTitle {
    color: #ffd700;
}

.entertainmentListDate {
    color: rgba(255, 255, 255, 0.4);
    font-size: 1.05rem;
}

.entertainmentListDate i {
    margin-right: 4px;
    color: #ffd700;
}

/* Responsive */
@media (max-width: 1199px) {
    .entertainmentContent {
        grid-template-columns: 1fr 1fr;
    }
    
    .entertainmentList {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 15px;
        margin-top: 10px;
    }
    
    .entertainmentListHeader {
        grid-column: 1 / -1;
        margin-bottom: 10px;
    }
    
    .entertainmentListItem {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 15px 10px;
        background: rgba(255, 255, 255, 0.03);
        border-radius: 10px;
        border-bottom: none;
    }
    
    .entertainmentListItem:hover {
        padding-left: 10px;
        background: rgba(255, 215, 0, 0.1);
    }
}

@media (max-width: 991px) {
    .entertainmentSection {
        padding: 40px 0 50px;
        margin-top: 35px;
    }
    
    .entertainmentHeader {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .entertainmentSubtitle {
        display: none;
    }
    
    .entertainmentContent {
        grid-template-columns: 1fr;
    }
    
    .entertainmentMainImage {
        height: 280px;
    }
    
    .entertainmentGrid {
        grid-template-columns: 1fr 1fr;
    }
    
    .entertainmentList {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .entertainmentSection {
        padding: 30px 0 40px;
        margin-top: 25px;
    }
    
    .entertainmentIcon {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }
    
    .entertainmentTitle {
        font-size: 2rem;
    }
    
    .entertainmentViewAll {
        padding: 8px 18px;
        font-size: 1.2rem;
    }
    
    .entertainmentMainImage {
        height: 240px;
    }
    
    .entertainmentMainTitle {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
    
    .entertainmentGrid {
        grid-template-columns: 1fr;
    }
    
    .entertainmentGridCardLarge,
    .entertainmentGridCardSmall {
        height: 160px;
    }
    
    .entertainmentList {
        grid-template-columns: 1fr;
        display: block;
    }
    
    .entertainmentListItem {
        flex-direction: row;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 0;
        background: transparent;
    }
    
    .entertainmentListItem:hover {
        padding-left: 8px;
        background: transparent;
    }
    
    .entertainmentListItem:last-child {
        border-bottom: none;
    }
}

/* ============================================
   SPORTS SECTION - Athletic Dynamic Design
   Green accent with energetic feel
   ============================================ */

.sportsSection {
    background: #ffffff;
    padding: 45px 0 50px;
    margin-top: 40px;
    position: relative;
}

.sportsSection::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #00a651, #39b54a, #8dc63f);
}

.sportsSection .container {
    position: relative;
}

/* Section Header */
.sportsHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.sportsHeaderLeft {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sportsIcon {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #00a651, #39b54a);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    animation: spinBall 4s linear infinite;
}

@keyframes spinBall {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.sportsTitle {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 700;
}

.sportsTitle a {
    color: #1a1a1a;
    text-decoration: none;
}

.sportsTitle a:hover {
    color: #00a651;
}

.sportsTabs {
    display: flex;
    gap: 5px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #ddd;
}

.sportsTab {
    padding: 6px 15px;
    font-size: 1.2rem;
    color: #666;
    cursor: pointer;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.sportsTab:hover {
    color: #00a651;
}

.sportsTab.active {
    background: #00a651;
    color: #fff;
}

.sportsViewAll {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #00a651;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.sportsViewAll:hover {
    color: #008040;
    text-decoration: none;
}

.sportsViewAll i {
    font-size: 1rem;
    transition: transform 0.3s ease;
}

.sportsViewAll:hover i {
    transform: translateX(3px);
}

/* Content Layout */
.sportsContent {
    display: grid;
    grid-template-columns: 1fr 300px 240px;
    gap: 25px;
}

/* Main Area (Featured + Secondary) */
.sportsMainArea {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Main Featured Card */
.sportsMainCard {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.sportsMainCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    text-decoration: none;
}

.sportsMainImage {
    position: relative;
    height: 335px;
    overflow: hidden;
}

.sportsMainImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.sportsMainCard:hover .sportsMainImage img {
    transform: scale(1.05);
}

.sportsMainOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.85) 100%);
}

.sportsMainBadge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ff0000;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: 600;
    animation: pulseLive 1.5s ease-in-out infinite;
}

@keyframes pulseLive {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.sportsMainBadge i {
    margin-right: 5px;
}

.sportsMainContent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
}

.sportsMainShoulder {
    display: inline-block;
    background: #00a651;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 1rem;
    margin-bottom: 8px;
}

.sportsMainTitle {
    color: #fff;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0 0 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.sportsMainExcerpt {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.35rem;
    line-height: 2rem;
    margin: 0 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sportsMainDate {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.15rem;
}

.sportsMainDate i {
    margin-right: 5px;
    color: #8dc63f;
}

/* Secondary Posts */
.sportsSecondary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.sportsSecondaryCard {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: #f8f8f8;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.sportsSecondaryCard:hover {
    background: #f0f0f0;
    border-left-color: #00a651;
    text-decoration: none;
}

.sportsSecondaryImage {
    width: 90px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
    flex-shrink: 0;
}

.sportsSecondaryImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sportsSecondaryContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sportsSecondaryShoulder {
    display: inline-block;
    color: #00a651;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 3px;
}

.sportsSecondaryTitle {
    color: #1a1a1a;
    font-size: 2.2rem;
    line-height: 3.2rem;
    font-weight: 600;
    margin: 0 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sportsSecondaryCard:hover .sportsSecondaryTitle {
    color: #00a651;
}

.sportsSecondaryDate {
    color: #888;
    font-size: 1.05rem;
}

.sportsSecondaryDate i {
    margin-right: 4px;
    color: #00a651;
}

/* Grid Posts */
.sportsGrid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    gap: 12px;
}

.sportsGridCard {
    display: flex;
    gap: 12px;
    text-decoration: none;
    padding: 10px;
    border-radius: 8px;
    background: #fafafa;
    transition: all 0.3s ease;
}

.sportsGridCard:hover {
    background: #f0f0f0;
    text-decoration: none;
}

.sportsGridImage {
    position: relative;
    width: 100px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
    flex-shrink: 0;
}

.sportsGridImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sportsGridCard:hover .sportsGridImage img {
    transform: scale(1.05);
}

.sportsGridOverlay {
    display: none;
}

.sportsGridContent {
    flex: 1;
    display: flex;
    align-items: center;
}

.sportsGridTitle {
    color: #1a1a1a;
    font-size: 2.2rem;
    line-height: 3.2rem;
    font-weight: 600;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sportsGridCard:hover .sportsGridTitle {
    color: #00a651;
}

/* Side List - Trending */
.sportsList {
    background: linear-gradient(180deg, #f0fff4 0%, #e8f5e9 100%);
    border-radius: 10px;
    padding: 18px;
    border: 1px solid #c8e6c9;
}

.sportsListHeader {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 2px solid #00a651;
    color: #00a651;
}

.sportsListHeader i {
    font-size: 16px;
}

.sportsListTitle {
    color: #1a1a1a;
    font-size: 1.5rem;
    font-weight: 700;
}

.sportsListItem {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 166, 81, 0.15);
    text-decoration: none;
    transition: all 0.3s ease;
}

.sportsListItem:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sportsListItem:hover {
    text-decoration: none;
    padding-left: 5px;
}

.sportsListSerial {
    width: 24px;
    height: 24px;
    background: #00a651;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    flex-shrink: 0;
}

.sportsListContent {
    flex: 1;
}

.sportsListItemTitle {
    color: #333;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 500;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sportsListItem:hover .sportsListItemTitle {
    color: #00a651;
}

/* Responsive */
@media (max-width: 1199px) {
    .sportsContent {
        grid-template-columns: 1fr 280px;
    }
    
    .sportsGrid {
        grid-column: 1 / -1;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        margin-top: 15px;
    }
    
    .sportsGridCard {
        flex-direction: column;
        gap: 8px;
    }
    
    .sportsGridImage {
        width: 100%;
        height: 90px;
    }
    
    .sportsList {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 15px;
        margin-top: 15px;
    }
    
    .sportsListHeader {
        grid-column: 1 / -1;
        margin-bottom: 5px;
    }
    
    .sportsListItem {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 10px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 8px;
        border-bottom: none;
    }
    
    .sportsListItem:hover {
        padding-left: 10px;
    }
}

@media (max-width: 991px) {
    .sportsSection {
        padding: 35px 0 40px;
        margin-top: 35px;
    }
    
    .sportsHeader {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .sportsTabs {
        display: none;
    }
    
    .sportsContent {
        grid-template-columns: 1fr;
    }
    
    .sportsMainImage {
        height: 240px;
    }
    
    .sportsSecondary {
        grid-template-columns: 1fr;
    }
    
    .sportsGrid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .sportsList {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .sportsSection {
        padding: 25px 0 30px;
        margin-top: 25px;
    }
    
    .sportsIcon {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
    
    .sportsTitle {
        font-size: 1.9rem;
    }
    
    .sportsMainImage {
        height: 200px;
    }
    
    .sportsMainTitle {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
    
    .sportsGrid {
        grid-template-columns: 1fr;
    }
    
    .sportsGridCard {
        flex-direction: row;
        gap: 12px;
    }
    
    .sportsGridImage {
        width: 90px;
        height: 65px;
    }
    
    .sportsList {
        grid-template-columns: 1fr;
        display: block;
    }
    
    .sportsListItem {
        flex-direction: row;
        text-align: left;
        padding: 10px 0;
        border-bottom: 1px solid rgba(0, 166, 81, 0.15);
        border-radius: 0;
        background: transparent;
    }
    
    .sportsListItem:hover {
        padding-left: 5px;
    }
    
    .sportsListItem:last-child {
        border-bottom: none;
    }
}

/* ============================================
   POLITICS SECTION - রাজনীতি
   Modern design with blue accent
   ============================================ */

.politicsSection {
    background: #ffffff;
    padding: 45px 0 50px;
    margin-top: 40px;
    position: relative;
}

.politicsSection::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #1e3a8a, #3b82f6, #60a5fa);
}

.politicsSection .container {
    position: relative;
}

/* Section Header */
.politicsHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.politicsHeaderLeft {
    display: flex;
    align-items: center;
    gap: 15px;
}

.politicsIcon {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #1e3a8a, #3b82f6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
}

.politicsTitle {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 700;
}

.politicsTitle a {
    color: #1a1a1a;
    text-decoration: none;
}

.politicsTitle a:hover {
    color: #1e3a8a;
}

.politicsViewAll {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: #f3f4f6;
    color: #374151;
    text-decoration: none;
    border-radius: 25px;
    font-size: 1.3rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.politicsViewAll:hover {
    background: #1e3a8a;
    color: #fff;
    text-decoration: none;
    transform: translateX(3px);
}

/* Content Layout */
.politicsContent {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
}

/* Main Featured Card */
.politicsMainCard {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.politicsMainCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    text-decoration: none;
}

.politicsMainImage {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.politicsMainImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.politicsMainCard:hover .politicsMainImage img {
    transform: scale(1.05);
}

.politicsMainOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

.politicsMainContent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px;
    color: #fff;
}

.politicsMainShoulder {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(255,255,255,0.2);
    border-radius: 4px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    backdrop-filter: blur(10px);
}

.politicsMainTitle {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin: 0 0 12px 0;
    color: #fff;
}

.politicsMainExcerpt {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin: 0 0 12px 0;
    color: rgba(255,255,255,0.9);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.politicsMainDate {
    font-size: 1.2rem;
    color: rgba(255,255,255,0.8);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Secondary Posts */
.politicsSecondary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 25px;
}

.politicsSecondaryCard {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.politicsSecondaryCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    text-decoration: none;
}

.politicsSecondaryImage {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.politicsSecondaryImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.politicsSecondaryCard:hover .politicsSecondaryImage img {
    transform: scale(1.08);
}

.politicsSecondaryContent {
    padding: 15px;
}

.politicsSecondaryShoulder {
    display: block;
    font-size: 1.1rem;
    color: #1e3a8a;
    font-weight: 600;
    margin-bottom: 8px;
}

.politicsSecondaryTitle {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.2rem;
    margin: 0 0 10px 0;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.politicsSecondaryDate {
    font-size: 1.1rem;
    color: #6b7280;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* Grid Posts */
.politicsGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.politicsGridCard {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.politicsGridCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    text-decoration: none;
}

.politicsGridImage {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.politicsGridImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.politicsGridCard:hover .politicsGridImage img {
    transform: scale(1.1);
}

.politicsGridOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
}

.politicsGridContent {
    padding: 12px;
}

.politicsGridTitle {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.9rem;
    margin: 0;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Sidebar List */
.politicsRight {
    display: flex;
    flex-direction: column;
}

.politicsList {
    background: #f9fafb;
    border-radius: 10px;
    padding: 20px;
}

.politicsListHeader {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #1e3a8a;
}

.politicsListHeader i {
    font-size: 18px;
    color: #1e3a8a;
}

.politicsListTitle {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1a1a1a;
}

.politicsListItem {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.politicsListItem:hover {
    background: #eff6ff;
    transform: translateX(5px);
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(30,58,138,0.15);
}

.politicsListSerial {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #1e3a8a, #3b82f6);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
}

.politicsListContent {
    flex: 1;
}

.politicsListItemTitle {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.9rem;
    margin: 0;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Responsive */
@media (max-width: 991px) {
    .politicsContent {
        grid-template-columns: 1fr;
    }
    
    .politicsSecondary {
        grid-template-columns: 1fr;
    }
    
    .politicsGrid {
        grid-template-columns: 1fr;
    }
    
    .politicsMainImage {
        height: 300px;
    }
    
    .politicsMainTitle {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}

@media (max-width: 767px) {
    .politicsSection {
        padding: 35px 0 40px;
        margin-top: 35px;
    }
    
    .politicsHeader {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .politicsMainImage {
        height: 250px;
    }
    
    .politicsMainTitle {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

/* ============================================
   UNIFIED HOME SECTIONS (reference layout)
   | Title, underline, lead (image + headline + excerpt) left,
   two columns of small items (headline + thumb) right, grey separators
   ============================================ */
.homeSection {
    margin-top: 28px;
    background: #f8f9fa;
    padding: 24px 0 28px;
}

.homeSectionHeader {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dee2e6;
}

.homeSectionTitle {
    margin: 0;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.3;
    color: #1a1a1a;
}

.homeSectionTitle a {
    color: #1a1a1a;
    text-decoration: none !important;
}

.homeSectionTitle a:hover {
    color: #0d6efd;
    text-decoration: none !important;
}

.homeSectionTitle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.homeSectionHeaderExtra {
    margin-left: auto;
}
.homeSectionHeaderExtraBtn {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
}
.homeSectionHeaderExtraBtn:hover {
    color: #fff !important;
}
@media (max-width: 768px) {
    .homeSectionHeaderExtra {
        margin-left: 0;
        width: 100%;
    }
    .homeSectionHeaderExtraBtn {
        display: block;
        text-align: center;
        white-space: normal;
    }
}

.homeSectionBody {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid #dee2e6;
    background: #fff;
    overflow: hidden;
}

.homeSectionBody--noLead {
    grid-template-columns: 1fr;
}

.homeSectionBody--noLead .homeSectionRight {
    border-left: none;
}

.homeSectionLead {
    padding: 0;
    border-right: 1px solid #dee2e6;
}

.homeSectionLeadArticle {
    margin: 0;
}

.homeSectionLeadLink {
    display: block;
    text-decoration: none !important;
    color: inherit;
}

.homeSectionLeadLink:hover {
    text-decoration: none !important;
}

.homeSectionLeadImgWrap {
    width: 100%;
    aspect-ratio: 16 / 10;
    max-height: 340px;
    overflow: hidden;
    background: #e9ecef;
}

.homeSectionLeadImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.homeSectionLeadHeadline {
    margin: 0;
    padding: 20px 22px 12px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a1a;
}

.homeSectionLeadLink:hover .homeSectionLeadHeadline {
    color: #0d6efd;
}

.homeSectionLeadExcerpt {
    margin: 0;
    padding: 0 22px 22px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #495057;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.homeSectionRight {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    min-height: 0;
}

.homeSectionCol {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #dee2e6;
}

.homeSectionCol:last-child {
    border-right: none;
}

.homeSectionItem {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    text-decoration: none !important;
    color: inherit;
    border-bottom: 1px solid #dee2e6;
    transition: background 0.15s ease;
}

.homeSectionItem:last-child {
    border-bottom: none;
}

.homeSectionItem:hover {
    background: #f8f9fa;
    text-decoration: none !important;
}

.homeSectionItemText {
    flex: 1;
    min-width: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.45;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.homeSectionItem:hover .homeSectionItemText {
    color: #0d6efd;
}

.homeSectionItemThumb {
    flex-shrink: 0;
    width: 90px;
    height: 70px;
    border-radius: 4px;
    overflow: hidden;
    background: #e9ecef;
}

.homeSectionItemThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 991px) {
    .homeSectionBody {
        grid-template-columns: 1fr;
    }

    .homeSectionLead {
        border-right: none;
        border-bottom: 1px solid #dee2e6;
    }

    .homeSectionRight {
        grid-template-columns: 1fr;
    }

    .homeSectionCol {
        border-right: none;
    }

    .homeSectionLeadImgWrap {
        max-height: 280px;
    }

    .homeSectionLeadHeadline {
        font-size: 1.55rem;
    }
}

@media (max-width: 767px) {
    .homeSection {
        margin-top: 22px;
        padding: 18px 0 22px;
    }

    .homeSectionTitle {
        font-size: 1.5rem;
    }

    .homeSectionLeadHeadline {
        padding: 16px 18px 10px;
        font-size: 1.4rem;
    }

    .homeSectionLeadExcerpt {
        padding: 0 18px 18px;
        font-size: 1.1rem;
        -webkit-line-clamp: 2;
    }

    .homeSectionItem {
        padding: 12px 14px;
        gap: 12px;
    }

    .homeSectionItemText {
        font-size: 1.1rem;
    }

    .homeSectionItemThumb {
        width: 80px;
        height: 60px;
    }
}

/* ============================================
   VIDEO GALLERY SECTION (ভিডিও)
   Grid of video cards: thumb + play overlay + title below
   ============================================ */
.videoGallerySection {
    margin-top: 28px;
    background: #f8f9fa;
    padding: 24px 0 32px;
}

.videoGalleryHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dee2e6;
}

.videoGalleryTitle {
    margin: 0;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.3;
    color: #1a1a1a;
}

.videoGalleryTitle a {
    color: #1a1a1a;
    text-decoration: none !important;
}

.videoGalleryTitle a:hover {
    color: #dc2626;
    text-decoration: none !important;
}

.videoGalleryMore {
    font-size: 1.15rem;
    font-weight: 500;
    color: #64748b;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.videoGalleryMore:hover {
    color: #dc2626;
    text-decoration: none !important;
}

.videoGalleryGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.videoGalleryCard {
    margin: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.videoGalleryCard:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-color: #dc2626;
}

.videoGalleryCardLink {
    display: block;
    text-decoration: none !important;
    color: inherit;
}

.videoGalleryCardLink:hover {
    text-decoration: none !important;
}

.videoGalleryThumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0f0f0f;
}

.videoGalleryThumbImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.videoGalleryCard:hover .videoGalleryThumbImg {
    transform: scale(1.06);
}

.videoGalleryThumbPlaceholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a1a1a;
    color: #666;
    font-size: 2.5rem;
}

.videoGalleryPlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(220, 38, 38, 0.95);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    padding-left: 6px;
    box-shadow: 0 4px 20px rgba(220, 38, 38, 0.4);
    transition: transform 0.25s ease, background 0.25s ease;
}

.videoGalleryCard:hover .videoGalleryPlay {
    transform: translate(-50%, -50%) scale(1.1);
    background: #dc2626;
}

.videoGalleryCardTitle {
    margin: 0;
    padding: 14px 16px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.videoGalleryCard:hover .videoGalleryCardTitle {
    color: #dc2626;
}

@media (max-width: 991px) {
    .videoGalleryGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .videoGalleryTitle {
        font-size: 1.65rem;
    }

    .videoGalleryPlay {
        width: 56px;
        height: 56px;
        font-size: 1.25rem;
    }
}

@media (max-width: 767px) {
    .videoGallerySection {
        margin-top: 22px;
        padding: 18px 0 24px;
    }

    .videoGalleryHeader {
        flex-wrap: wrap;
        gap: 10px;
    }

    .videoGalleryTitle {
        font-size: 1.5rem;
    }

    .videoGalleryGrid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .videoGalleryCardTitle {
        padding: 12px 14px;
        font-size: 1.1rem;
    }

    .videoGalleryPlay {
        width: 52px;
        height: 52px;
        font-size: 1.15rem;
    }
}

/* Photo gallery section on home (reuse video gallery layout, image icon) */
.photoGallerySection .photoGalleryIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(220, 38, 38, 0.95);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: 0 4px 20px rgba(220, 38, 38, 0.4);
    transition: transform 0.25s ease, background 0.25s ease;
}
.photoGallerySection .photoGalleryCard:hover .photoGalleryIcon {
    transform: translate(-50%, -50%) scale(1.1);
    background: #dc2626;
}
.photoGallerySection .videoGalleryThumbPlaceholder i.fa-image {
    font-size: 2.5rem;
}
@media (max-width: 991px) {
    .photoGallerySection .photoGalleryIcon { width: 56px; height: 56px; font-size: 1.25rem; }
}
@media (max-width: 767px) {
    .photoGallerySection .photoGalleryIcon { width: 52px; height: 52px; font-size: 1.15rem; }
}

/* ============================================
   SINGLE PHOTO GALLERY – Full width, one per line, black overlay caption, click preview
   ============================================ */
.singlePhotoGalleryBody .singlePostContent { font-size: 1.1rem; line-height: 1.7; }
.singlePhotoGalleryList {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.singlePhotoGalleryItemFull {
    margin: 0;
    width: 100%;
}
.singlePhotoGalleryItemFull .singlePhotoGalleryTrigger {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.singlePhotoGalleryImgWrap {
    display: block;
    width: 100%;
    line-height: 0;
}
.singlePhotoGalleryItemFull .singlePhotoGalleryImg {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
}
.singlePhotoGalleryOverlayCaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 20px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.45;
    margin: 0;
}
.singlePhotoGalleryItemFull .singlePhotoGalleryTrigger:hover .singlePhotoGalleryOverlayCaption,
.singlePhotoGalleryItemFull .singlePhotoGalleryTrigger:focus .singlePhotoGalleryOverlayCaption {
    background: rgba(0, 0, 0, 0.85);
}
/* Preview modal */
.singlePhotoGalleryModal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}
.singlePhotoGalleryModal[hidden] {
    display: none !important;
}
.singlePhotoGalleryModalBackdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    cursor: pointer;
}
.singlePhotoGalleryModalContent {
    position: relative;
    z-index: 1;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.singlePhotoGalleryModalContent img {
    max-width: 100%;
    max-height: 75vh;
    width: auto;
    height: auto;
    display: block;
    border-radius: 4px;
}
.singlePhotoGalleryModalCaption {
    margin: 16px 0 0 0;
    padding: 12px 20px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.5;
    max-width: 100%;
    text-align: center;
    border-radius: 4px;
}
.singlePhotoGalleryModalClose {
    position: absolute;
    top: -44px;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    border-radius: 4px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.singlePhotoGalleryModalClose:hover {
    background: rgba(255, 255, 255, 0.3);
}
.photoGalleryRelatedGrid .relatedNewsCardImage { aspect-ratio: 16/10; }
.photoGalleryRelatedGrid .relatedNewsCardTitle { font-size: 1rem; }
@media (max-width: 767px) {
    .singlePhotoGalleryList { gap: 16px; }
    .singlePhotoGalleryOverlayCaption { padding: 12px 16px; font-size: 1rem; }
    .singlePhotoGalleryModalContent img { max-height: 70vh; }
    .singlePhotoGalleryModalCaption { font-size: 1rem; margin-top: 12px; padding: 10px 16px; }
}

/* Single Photo Gallery - Mobile */
.singlePhotoGalleryMobile { padding: 16px 0 24px; }
.singlePhotoGalleryMobileHeader { margin-bottom: 12px; }
.singlePhotoGalleryMobileLabel {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 600;
    color: #dc2626;
    background: #fef2f2;
    padding: 6px 12px;
    border-radius: 6px;
}
.singlePhotoGalleryMobileTitle {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.35;
}
.singlePhotoGalleryMobileDate {
    font-size: 0.95rem;
    color: #64748b;
    margin: 0 0 20px 0;
}
.singlePhotoGalleryMobileList {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}
.singlePhotoGalleryMobileItem.singlePhotoGalleryItemFull {
    margin: 0;
    width: 100%;
}
.singlePhotoGalleryMobileItem .singlePhotoGalleryTrigger {
    border-radius: 8px;
}
.singlePhotoGalleryMobileItem .singlePhotoGalleryImgWrap img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}
.singlePhotoGalleryMobileItem .singlePhotoGalleryOverlayCaption {
    padding: 12px 16px;
    font-size: 1rem;
}
.singlePhotoGalleryMobileContent {
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 20px;
}

/* ============================================
   TAXONOMY & ARCHIVE PHOTO GALLERY
   ============================================ */
.taxonomyPhotoGalleryGrid,
.archivePhotoGalleryPage .taxonomyPhotoGalleryGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.taxonomyPhotoGalleryCard {
    margin: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.taxonomyPhotoGalleryCard:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-color: #dc2626;
}
.taxonomyPhotoGalleryCardLink {
    display: block;
    text-decoration: none !important;
    color: inherit;
}
.taxonomyPhotoGalleryCardLink:hover { text-decoration: none !important; }
.taxonomyPhotoGalleryCardThumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #0f0f0f;
}
.taxonomyPhotoGalleryCardThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}
.taxonomyPhotoGalleryCard:hover .taxonomyPhotoGalleryCardThumb img {
    transform: scale(1.06);
}
.taxonomyPhotoGalleryCardPlaceholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a1a1a;
    color: #666;
    font-size: 2.5rem;
}
.taxonomyPhotoGalleryCardIcon {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(220, 38, 38, 0.9);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.taxonomyPhotoGalleryCardTitle {
    margin: 0;
    padding: 14px 16px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.taxonomyPhotoGalleryCard:hover .taxonomyPhotoGalleryCardTitle { color: #dc2626; }
@media (max-width: 991px) {
    .taxonomyPhotoGalleryGrid,
    .archivePhotoGalleryPage .taxonomyPhotoGalleryGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}
@media (max-width: 767px) {
    .taxonomyPhotoGalleryGrid,
    .archivePhotoGalleryPage .taxonomyPhotoGalleryGrid {
        grid-template-columns: 1fr;
    }
}

/* Taxonomy/Archive Photo Gallery - Mobile */
.taxonomyPhotoGalleryMobileGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.taxonomyPhotoGalleryMobileTitle {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #1a1a1a;
}
.taxonomyPhotoGalleryMobileTitle .fa { margin-right: 8px; color: #dc2626; }
.taxonomyPhotoGalleryMobileDesc {
    font-size: 0.95rem;
    color: #475569;
    margin: 0 0 16px 0;
    line-height: 1.5;
}
.taxonomyPhotoGalleryMobileCard {
    display: block;
    text-decoration: none !important;
    color: inherit;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}
.taxonomyPhotoGalleryMobileCard:hover { text-decoration: none !important; }
.taxonomyPhotoGalleryMobileCardThumb {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #1a1a1a;
}
.taxonomyPhotoGalleryMobileCardThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.taxonomyPhotoGalleryMobileCardIcon {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(220, 38, 38, 0.9);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}
.taxonomyPhotoGalleryMobileCardTitle {
    margin: 0;
    padding: 10px 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================
   NATIONAL SECTION - Matches lead section
   Same layout (left text + right image), typography, box
   ============================================ */

/* Widget area before National section */
.home-before-national-area {
    margin-bottom: 20px;
}
.home-before-national-area .widget {
    margin-bottom: 0;
}

/* Section wrapper */
.nationalSection {
    margin-top: 24px;
}

.nationalSectionHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e7eb;
}

.nationalSectionTitle {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
    font-family: 'July', Arial, Helvetica, sans-serif;
    color: #1e40af;
}

.nationalSectionTitle a {
    color: #1e40af;
    text-decoration: none;
}

.nationalSectionTitle a:hover {
    color: #1d4ed8;
}

.nationalSectionMore {
    font-size: 1.05rem;
    font-weight: 500;
    color: #64748b;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.nationalSectionMore:hover {
    color: #1e40af;
}

/* Lead-style box (reuses .pb-lead-section .pb-lead-reference) */
.nationalSectionLeadWrap.pb-lead-section.pb-lead-reference {
    margin-bottom: 0;
}

/* Below lead: grid (2 cards) + sidebar (2 cards) in one row */
.nationalSectionBelow {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 0;
}

.nationalSectionGrid.pb-lead-grid-2x2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    border-top: 1px solid #e5e7eb;
}

.nationalSectionGrid .pb-lead-card {
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.nationalSectionGrid .pb-lead-card:nth-child(2n) {
    border-right: 0;
}

.nationalSectionGrid .pb-lead-card:nth-last-child(-n+2) {
    border-bottom: 0;
}

.nationalSectionSidebar {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-left: 1px solid #e5e7eb;
    border-top: 1px solid #e5e7eb;
}

.nationalSectionSidebar .nationalSidebarCard {
    margin: 0;
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
    border-left: 0;
}

.nationalSectionSidebar .nationalSidebarCard:last-child {
    border-bottom: 0;
}

/* Responsive */
@media (max-width: 991px) {
    .nationalSectionBelow {
        grid-template-columns: 1fr;
    }

    .nationalSectionSidebar {
        border-left: 0;
        border-top: 1px solid #e5e7eb;
    }

    .nationalSectionGrid.pb-lead-grid-2x2 {
        grid-template-columns: 1fr;
    }

    .nationalSectionGrid .pb-lead-card {
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .nationalSectionGrid .pb-lead-card:nth-child(2n) {
        border-right: 0;
    }

    .nationalSectionGrid .pb-lead-card:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 767px) {
    .nationalSectionHeader {
        flex-wrap: wrap;
        gap: 10px;
    }

    .nationalSectionTitle {
        font-size: 1.35rem;
    }
}

/* ============================================
   SINGLE VIDEO PAGE STYLES
   Professional layout matching single post page
   ============================================ */

/* Video Player Section */
.singleVideoPlayerSection {
    margin-bottom: 30px;
}

/* Video Label Icon */
.videoLabelIcon {
    color: #ff0000;
    margin-right: 5px;
}

/* More Video Icon in Sidebar */
.moreVideoIcon {
    color: #ff0000;
    margin-right: 8px;
    font-size: 1.1rem;
}

/* Related Video Play Icon */
.relatedVideoPlayIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 0, 0, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s ease;
}

.thumbnail:hover .relatedVideoPlayIcon {
    background: #ff0000;
    transform: translate(-50%, -50%) scale(1.1);
}

/* Copy Link Button Style (matching single post share) */
.singlePostShareBtnCopy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #6b7280;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.singlePostShareBtnCopy:hover {
    background: #4b5563;
    transform: translateY(-2px);
}

.singlePostShareBtnCopy i {
    font-size: 14px;
}

/* Video Error Message */
.videoErrorMessage {
    padding: 40px;
    text-align: center;
    color: #666;
    background: #f8f9fa;
    border-radius: 8px;
}

/* ============================================
   MOBILE VIDEO PAGE STYLES
   ============================================ */

/* Mobile Category Label */
.mobileVideoCategory {
    margin-bottom: 15px;
}

.mobileVideoCategoryLabel {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 15px;
    background: linear-gradient(135deg, #dc2627 0%, #ff0000 100%);
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 4px;
}

.mobileVideoCategoryLabel i {
    font-size: 1.4rem;
}

/* Mobile Video Player */
.mobileVideoPlayerSection {
    margin-bottom: 20px;
}

.mobileVideoPlayerWrapper {
    position: relative;
    width: 100%;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.mobileVideoPlayerContainer {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.mobileVideoPlayerIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Mobile Video Title */
.mobileVideoTitle {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3rem;
    margin-bottom: 15px;
    color: #1a1a1a;
}

/* Mobile Video Meta */
.mobileVideoMeta {
    margin-bottom: 15px;
}

.mobileVideoDate {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 1.2rem;
    color: #6b7280;
}

.mobileVideoDate i {
    color: #dc2627;
}

/* Mobile Share Buttons */
.mobileVideoShare {
    display: flex;
    gap: 10px;
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.mobileVideoShareBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.mobileShareFacebook {
    background: #1877f2;
}

.mobileShareWhatsapp {
    background: #25d366;
}

.mobileShareCopy {
    background: #6b7280;
}

.mobileVideoShareBtn:hover {
    transform: scale(1.1);
    text-decoration: none;
    color: #fff;
}

.mobileVideoShareBtn i {
    font-size: 18px;
}

/* Mobile Video Content */
.mobileVideoContent {
    font-size: 1.5rem;
    line-height: 2.6rem;
    color: #333;
    margin-top: 20px;
}

.mobileVideoContent p {
    margin-bottom: 15px;
}

/* Mobile Related Videos */
.mobileRelatedVideos {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px solid #e5e5e5;
}

.mobileRelatedTitle {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1a1a1a;
    padding-left: 15px;
    position: relative;
}

.mobileRelatedTitle::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #dc2627;
}

.mobileRelatedGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.mobileRelatedCard {
    display: block;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.mobileRelatedCard:hover {
    transform: translateY(-3px);
    text-decoration: none;
}

.mobileRelatedThumbnail {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 6px;
    background: #000;
}

.mobileRelatedThumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileRelatedPlayIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    background: rgba(255, 0, 0, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.mobileRelatedPlayIcon i {
    font-size: 12px;
    margin-left: 2px;
}

.mobileRelatedCardTitle {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.9rem;
    color: #1a1a1a;
    margin: 10px 0 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobileRelatedCard:hover .mobileRelatedCardTitle {
    color: #dc2627;
}

/* Responsive Adjustments */
@media (max-width: 480px) {
    .mobileVideoTitle {
        font-size: 1.9rem;
        line-height: 2.6rem;
    }
    
    .mobileRelatedGrid {
        grid-template-columns: 1fr;
    }
    
    .mobileRelatedThumbnail {
        padding-bottom: 50%;
    }
}

/* ============================================
   COUNTRY NEWS SECTION - সারাদেশ
   Compact design with theme red accent
   ============================================ */

.countrySection {
    background: #fff;
    padding: 35px 0 40px;
    margin-top: 30px;
    border-top: 3px solid #dc2627;
}

.countrySection .container {
    position: relative;
}

/* Section Header */
.countryHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.countryHeaderLeft {
    display: flex;
    align-items: center;
    gap: 0;
}

.countryIcon {
    display: none;
}

.countryTitle {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 700;
    padding-left: 15px;
    position: relative;
}

.countryTitle::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 100%;
    background: #dc2627;
}

.countryTitle a {
    color: #1a1a1a;
    text-decoration: none;
}

.countryTitle a:hover {
    color: #dc2627;
}

.countrySubtitle {
    display: none;
}

.countryViewAll {
    color: #dc2627;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 600;
}

.countryViewAll:hover {
    color: #8a0000;
    text-decoration: none !important;
}

.countryViewAll i {
    font-size: 1rem;
    margin-left: 4px;
}

/* Content Layout - Full width first, 2 per row rest */
.countryContent {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 20px;
}

/* Left Column - Main + Grid */
.countryLeft {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Main Featured Card - Full Width */
.countryMainCard {
    display: flex;
    gap: 20px;
    text-decoration: none;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.countryMainCard:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    text-decoration: none;
}

.countryMainImage {
    position: relative;
    width: 45%;
    min-height: 220px;
    overflow: hidden;
    flex-shrink: 0;
}

.countryMainImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.countryMainCard:hover .countryMainImage img {
    transform: scale(1.03);
}

.countryMainOverlay {
    display: none;
}

.countryMainLocation {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #dc2627;
    color: #fff;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 500;
}

.countryMainLocation i {
    margin-right: 4px;
}

.countryMainContent {
    flex: 1;
    padding: 15px 15px 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.countryMainShoulder {
    display: inline-block;
    color: #dc2627;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.countryMainTitle {
    color: #1a1a1a;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.countryMainCard:hover .countryMainTitle {
    color: #dc2627;
}

.countryMainExcerpt {
    color: #555;
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin: 0 0 12px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.countryMainDate {
    color: #888;
    font-size: 1.2rem;
}

.countryMainDate i {
    margin-right: 4px;
    color: #dc2627;
}

/* Secondary Posts - Hidden */
.countrySecondary {
    display: none;
}

/* Middle Column - Grid 2 per row */
.countryMiddle {
    display: block;
}

.countryGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.countryGridCard {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.countryGridCard:hover {
    background: #f0f0f0;
    border-color: #dc2627;
    text-decoration: none;
}

.countryGridImage {
    width: 100px;
    height: 75px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

.countryGridImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.countryGridContent {
    flex: 1;
    display: flex;
    align-items: center;
}

.countryGridTitle {
    color: #1a1a1a;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.countryGridCard:hover .countryGridTitle {
    color: #dc2627;
}

/* Right Column */
.countryRight {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Division Selector Box - Compact */
.countryDivisionBox {
    background: #f5f8fa;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #e0e7ed;
}

.countryDivisionHeader {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid #dc2627;
    color: #dc2627;
    font-size: 1.3rem;
    font-weight: 700;
}

.countryDivisionHeader i {
    font-size: 16px;
}

.countryDivisionForm {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.countrySelect {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #dde4eb;
    border-radius: 4px;
    font-size: 1.25rem;
    color: #333;
    background: #fff;
}

.countrySelect:focus {
    outline: none;
    border-color: #dc2627;
}

.countrySearchBtn {
    width: 100%;
    padding: 10px;
    background: #dc2627;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.countrySearchBtn:hover {
    background: #8a0000;
}

.countrySearchBtn i {
    margin-right: 5px;
}

/* List Section - Compact */
.countryList {
    background: #f5f8fa;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #e0e7ed;
    flex: 1;
}

.countryListHeader {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid #dc2627;
    color: #dc2627;
}

.countryListHeader i {
    font-size: 14px;
}

.countryListTitle {
    color: #1a1a1a;
    font-size: 1.4rem;
    font-weight: 700;
}

.countryListItem {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px dashed #ddd;
    text-decoration: none;
}

.countryListItem:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.countryListItem:hover {
    text-decoration: none;
}

.countryListSerial {
    width: 22px;
    height: 22px;
    background: #dc2627;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    flex-shrink: 0;
}

.countryListItemTitle {
    color: #333;
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.countryListItem:hover .countryListItemTitle {
    color: #dc2627;
}

/* Responsive */
@media (max-width: 1199px) {
    .countryContent {
        grid-template-columns: 1fr 220px;
        gap: 15px;
    }
    
    .countryMainImage {
        width: 40%;
    }
}

@media (max-width: 991px) {
    .countrySection {
        padding: 30px 0 35px;
        margin-top: 25px;
    }
    
    .countryContent {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .countryMainCard {
        flex-direction: column;
    }
    
    .countryMainImage {
        width: 100%;
        min-height: 200px;
    }
    
    .countryMainContent {
        padding: 15px;
    }
    
    .countryGrid {
        grid-template-columns: 1fr 1fr;
    }
    
    .countryRight {
        flex-direction: row;
        gap: 15px;
    }
    
    .countryDivisionBox,
    .countryList {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .countrySection {
        padding: 25px 0 30px;
        margin-top: 20px;
    }
    
    .countryTitle {
        font-size: 1.9rem;
    }
    
    .countryMainImage {
        min-height: 160px;
    }
    
    .countryMainTitle {
        font-size: 2.2rem;
        line-height: 3rem;
    }
    
    .countryGrid {
        grid-template-columns: 1fr;
    }
    
    .countryRight {
        flex-direction: column;
    }
    
    .countryGridTitle {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
}

/* ============================================
   কলাম (KOLAM/COLUMN) SECTION - Sidebar
   Opinion/Column posts with author info
   ============================================ */

.kolamSection {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid #eee;
}

.kolamHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 2px solid #dc2627;
}

.kolamTitle {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    gap: 8px;
}

.kolamTitle i {
    color: #dc2627;
    font-size: 16px;
}

.kolamTitle a {
    color: #1a1a1a;
    text-decoration: none;
}

.kolamTitle a:hover {
    color: #dc2627;
}

.kolamViewAll {
    color: #dc2627;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
}

.kolamViewAll:hover {
    color: #8a0000;
    text-decoration: none;
}

.kolamViewAll i {
    font-size: 12px;
}

.kolamList {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kolamItem {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.kolamItem:hover {
    background: #f0f0f0;
    border-left-color: #dc2627;
    text-decoration: none;
}

.kolamItemImage {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid #ddd;
}

.kolamItemImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kolamItem:hover .kolamItemImage {
    border-color: #dc2627;
}

.kolamItemContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kolamItemTitle {
    color: #1a1a1a;
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: 600;
    margin: 0 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kolamItem:hover .kolamItemTitle {
    color: #dc2627;
}

.kolamItemAuthor {
    color: #666;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 5px;
}

.kolamItemAuthor i {
    color: #dc2627;
    font-size: 11px;
}

/* ============================================
   TAB LIST ITEMS - সর্বশেষ / সর্বাধিক পঠিত
   Reduced font size with double arrow icon
   ============================================ */

.tabListItem {
    padding: 8px 10px !important;
    border-bottom: 1px solid #f0f0f0;
}

.tabListItem:last-child {
    border-bottom: none;
}

.tabListItem:hover {
    background: #fafafa;
}

.tabListTitle {
    font-size: 1.4rem !important;
    line-height: 2rem !important;
    font-weight: 500;
    color: #333;
    display: flex !important;
    align-items: center !important;
    gap: 6px;
}

.tabListIcon {
    color: #dc2627;
    font-size: 11px;
    margin-top: 0 !important;
    flex-shrink: 0;
}

.tabListItem:hover .tabListTitle {
    color: #dc2627;
}

/* ============================================
   Latest tab reconcept - desktop widget
   Underline tab bar, headline + thumbnail list
   ============================================ */
.latestTabWidget {
    --latest-tab-red: #dc2627;
    --latest-tab-red-dark: #b71c1c;
    --latest-tab-radius: 8px;
    --latest-tab-active-color: #2c3e50;
}

.latestTabWidget .latestTabWidgetInner {
    border-radius: var(--latest-tab-radius);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* Underline-style tab bar: light grey, active = underline + light bg */
.latestTabWidget .latestTabNav {
    display: flex;
    list-style: none;
    border-bottom: none !important;
    text-align: center;
    border-radius: 0;
    overflow: visible;
    background: #e8e8e8;
    padding: 0;
    margin: 0;
    gap: 0;
}

.latestTabWidget .latestTabNav li {
    display: inline-block;
    width: 50%;
    flex: 1;
    margin: 0;
}

.latestTabWidget .latestTabNav > li > a {
    display: block;
    color: #888;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 1.5rem !important;
    padding: 10px 12px !important;
    cursor: pointer;
    margin: 0;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.latestTabWidget .latestTabNav > li > a:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #555;
    text-decoration: none;
}

.latestTabWidget .latestTabNav > li.active > a,
.latestTabWidget .latestTabNav > li.active > a:focus,
.latestTabWidget .latestTabNav > li.active > a:hover {
    color: var(--latest-tab-active-color);
    background: #f5f5f5;
    border-bottom-color: var(--latest-tab-active-color);
    font-size: 1.5rem !important;
    padding: 10px 12px !important;
}

/* Content area */
.latestTabWidget .latestTabContentWrapper {
    border-radius: 0 0 var(--latest-tab-radius) var(--latest-tab-radius);
}

.latestTabWidget .latestTabContent {
    border-left: none !important;
    padding: 0;
    background: #fff;
}

/* List item: headline left, square thumb right, thin separator */
.latestTabWidget .tabListItem {
    border-bottom: 1px solid #eee;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    padding: 10px 12px !important;
    min-height: 80px;
}

.latestTabWidget .tabListItem:last-child {
    border-bottom: none;
}

.latestTabWidget .tabListItem:hover {
    background: #fafafa;
}

.latestTabWidget .tabListItemWithThumb .tabListBody {
    flex: 1;
    min-width: 0;
    padding-right: 10px;
}

.latestTabWidget .tabListItemWithThumb .tabListTitle {
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
    font-weight: 600;
    color: #1a1a1a;
    display: block !important;
}

.latestTabWidget .tabListItemWithThumb .tabListThumbWrap {
    flex-shrink: 0;
    max-width: 100px;
    max-height: 80px;
    overflow: hidden;
    border-radius: 4px;
}

.latestTabWidget .tabListItemWithThumb .tabListThumb {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    vertical-align: middle;
}

.latestTabWidget .tabListMeta {
    font-size: 1.1rem;
    color: #777;
    line-height: 1.3;
}

/* CTA - outline / secondary style */
.latestTabWidget .latestTabViewAll {
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 0 0 var(--latest-tab-radius) var(--latest-tab-radius);
    overflow: hidden;
}

.latestTabWidget .latestTabViewAllLink {
    display: block;
    padding: 10px 12px;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--latest-tab-red);
    background: #fff;
    border: 1px solid var(--latest-tab-red);
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.latestTabWidget .latestTabViewAllLink:hover {
    background: var(--latest-tab-red);
    color: #fff;
    text-decoration: none;
}

/* ============================================
   FULL WIDTH PAGE TEMPLATE STYLES
   ============================================ */

.fullWidthContent {
    max-width: 900px;
    margin: 0 auto;
}

.fullWidthContent p {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.fullWidthContent h2 {
    font-size: 2.4rem;
    margin-top: 30px;
    margin-bottom: 15px;
}

.fullWidthContent h3 {
    font-size: 2rem;
    margin-top: 25px;
    margin-bottom: 12px;
}

.fullWidthContent img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.fullWidthContent ul,
.fullWidthContent ol {
    padding-left: 25px;
    margin-bottom: 20px;
}

.fullWidthContent li {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-bottom: 8px;
}

/* Mobile Page Styles */
.mobilePageTitle {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3rem;
    color: #1a1a1a;
    margin: 20px 0;
}

.mobilePageImage img {
    width: 100%;
    height: auto;
}

.mobilePageContent {
    font-size: 1.5rem;
    line-height: 2.6rem;
    color: #333;
}

.mobilePageContent p {
    margin-bottom: 15px;
}

.mobilePageContent h2 {
    font-size: 2rem;
    margin-top: 25px;
    margin-bottom: 12px;
}

.mobilePageContent h3 {
    font-size: 1.8rem;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* ============================================
   PROFESSIONAL MOBILE HEADER STYLES
   Modern, clean design for mobile devices
   ============================================ */

/* Mobile Header Wrapper */
.mobileHeaderWrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Mobile Top Bar */
.mobileTopBar {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    padding: 6px 15px;
}

.mobileTopBarInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobileTopDate {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.2rem;
}

.mobileTopDate i {
    margin-right: 5px;
    color: #d32f2f;
}

.mobileTopSocial {
    display: flex;
    gap: 12px;
}

.mobileTopSocial a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.3rem;
    transition: color 0.3s ease;
}

.mobileTopSocial a:hover {
    color: #fff;
}

/* Mobile Main Header */
.mobileMainHeader {
    background: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.mobileMainHeaderInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Menu Toggle Button */
.mobileMenuToggle {
    width: 40px;
    height: 40px;
    border: none;
    background: #f5f5f5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobileMenuToggle i {
    font-size: 1.6rem;
    color: #333;
}

.mobileMenuToggle:active {
    background: #e0e0e0;
    transform: scale(0.95);
}

/* Mobile Logo */
.mobileLogoWrapper {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mobileLogo {
    display: inline-block;
}

.mobileLogoImg {
    height: 36px;
    width: auto;
}

.mobileLogo .logo-text-fallback {
    font-size: 2.8rem;
    color: #d32f2f;
    font-weight: 700;
}

/* Mobile Header Actions */
.mobileHeaderActions {
    display: flex;
    gap: 8px;
}

.mobileHeaderBtn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #333;
    transition: all 0.3s ease;
}

.mobileHeaderBtn:hover,
.mobileHeaderBtn:active {
    background: #d32f2f;
    color: #fff;
    text-decoration: none;
}

.mobileHeaderBtn i {
    font-size: 1.4rem;
}

/* Mobile Category Navigation */
.mobileCategoryNav {
    background: #fff;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.mobileCategoryNavInner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.mobileCategoryNavInner::-webkit-scrollbar {
    display: none;
}

.mobileCategoryList {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.mobileCategoryList li {
    flex-shrink: 0;
}

.mobileCategoryList li a {
    display: block;
    padding: 10px 15px;
    font-size: 1.4rem;
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.mobileCategoryList li a:hover,
.mobileCategoryList li a:active,
.mobileCategoryList li.current-menu-item a {
    color: #d32f2f;
    border-bottom-color: #d32f2f;
}

/* Mobile News Ticker */
.mobileNewsTicker {
    background: linear-gradient(90deg, #d32f2f 0%, #b71c1c 100%);
    overflow: hidden;
    border-radius: 0.75rem;
}

.mobileNewsTickerInner {
    display: flex;
    align-items: center;
}

.mobileTickerLabel {
    flex-shrink: 0;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.75rem 0 0 0.75rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mobileTickerLive {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    animation: mobilePulse 1.5s ease-in-out infinite;
}

@keyframes mobilePulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.8); }
}

.mobileTickerLabel i {
    color: #fff;
    font-size: 1.2rem;
}

.mobileTickerContent {
    flex: 1;
    overflow: hidden;
}

.mobileTickerTrack {
    display: flex;
    animation: mobileTickerScroll 30s linear infinite;
}

@keyframes mobileTickerScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.mobileTickerItem {
    flex-shrink: 0;
    padding: 8px 15px;
    color: #fff;
    font-size: 1.3rem;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.mobileTickerDot {
    color: rgba(255, 255, 255, 0.5);
    margin-right: 10px;
    font-size: 0.8rem;
}

/* Mobile Sidebar Panel */
.mobileSidepanel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s ease;
}

.mobileSidepanel.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.mobileSidepanelOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mobileSidepanel.open .mobileSidepanelOverlay {
    opacity: 1;
}

.mobileSidepanelContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    max-width: 300px;
    height: 100%;
    background: #fff;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.08);
}

.mobileSidepanel.open .mobileSidepanelContent {
    transform: translateX(0);
}

/* Sidebar Header */
.mobileSidepanelHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.mobileSidepanelLogo {
    flex: 1;
    min-width: 0;
}

.mobileSidepanelLogo img {
    height: 28px;
    width: auto;
    display: block;
}

.mobileSidepanelLogo .logo-text-fallback {
    font-size: 1.9rem;
    color: #dc2627;
    font-weight: 700;
    line-height: 1.2;
}

.mobileSidepanelClose {
    width: 40px;
    height: 40px;
    border: none;
    background: #f5f5f5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    flex-shrink: 0;
    margin-left: 10px;
}

.mobileSidepanelClose i {
    font-size: 1.35rem;
    color: #555;
}

.mobileSidepanelClose:active {
    background: #dc2627;
}

.mobileSidepanelClose:active i {
    color: #fff;
}

/* Sidebar Search */
.mobileSidepanelSearch {
    padding: 12px 16px;
    background: #fff;
}

.mobileSidepanelSearchInner {
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
    background: #fafafa;
}

.mobileSidepanelSearchInput {
    flex: 1;
    border: none;
    padding: 11px 14px;
    font-size: 1.45rem;
    outline: none;
    background: transparent;
}

.mobileSidepanelSearchInput::placeholder {
    color: #888;
}

.mobileSidepanelSearchBtn {
    width: 44px;
    border: none;
    background: #dc2627;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobileSidepanelSearchBtn:active {
    background: #b91c1c;
}

/* Quick Links */
.mobileSidepanelQuickLinks {
    display: flex;
    padding: 0 16px 14px;
    gap: 10px;
}

.mobileSidepanelQuickLink {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 10px;
    background: #f8f8f8;
    border-radius: 10px;
    font-size: 1.35rem;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    border: 1px solid #eee;
}

.mobileSidepanelQuickLink i {
    color: #dc2627;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.mobileSidepanelQuickLink:active {
    background: #dc2627;
    color: #fff;
    border-color: #dc2627;
}

.mobileSidepanelQuickLink:active i {
    color: #fff;
}

/* Navigation Menu */
.mobileSidepanelNav {
    padding: 8px 0 16px;
    border-top: 1px solid #eee;
}

.mobileSidepanelMenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobileSidepanelMenu li {
    border-bottom: 1px solid #f0f0f0;
}

.mobileSidepanelMenu li:last-child {
    border-bottom: none;
}

.mobileSidepanelMenu li a {
    display: flex;
    align-items: center;
    padding: 13px 18px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #222;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    line-height: 1.35;
}

.mobileSidepanelMenu li a i {
    margin-right: 12px;
    font-size: 1.1rem;
    color: #999;
    transition: color 0.2s ease, transform 0.2s ease;
}

.mobileSidepanelMenu li a:active,
.mobileSidepanelMenu li.current-menu-item a {
    background: #fef2f2;
    color: #dc2627;
}

.mobileSidepanelMenu li a:active i,
.mobileSidepanelMenu li.current-menu-item a i {
    color: #dc2627;
    transform: translateX(2px);
}

/* Sub-menu */
.mobileSidepanelMenu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fafafa;
}

.mobileSidepanelMenu .sub-menu li a {
    padding-left: 42px;
    font-size: 1.4rem;
    font-weight: 500;
}

/* Social Links */
.mobileSidepanelSocial {
    padding: 16px 18px 24px;
    border-top: 1px solid #eee;
    background: #fafafa;
}

.mobileSidepanelSocialLabel {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    color: #666;
    margin-bottom: 12px;
}

.mobileSidepanelSocialLinks {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.mobileSocialBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.mobileSocialBtn:active {
    transform: scale(0.9);
}

.mobileSocialFb { background: #1877f2; }
.mobileSocialTw { background: #000; }
.mobileSocialYt { background: #ff0000; }
.mobileSocialIg { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.mobileSocialLi { background: #0a66c2; }

/* Body padding when mobile header is fixed (red bar + ticker + category nav; no top bar) */
@media (max-width: 767px) {
    body {
        padding-top: 165px;
    }
    
    .mainDiv {
        margin-top: 20px;
    }
}

/* Categories sidebar: shown on all viewports (responsive desktop) */

/* Hide old mobile header styles */
.mobileHeader.visible-xs {
    display: none !important;
}

/* Spacer for fixed header (red bar + ticker + category nav) */
.mobileHeaderSpacer {
    height: 165px;
}

/* Smooth scrolling for mobile */
@media (max-width: 767px) {
    html {
        scroll-behavior: smooth;
    }
}

/* Prevent body scroll when sidebar is open */
body.mobileSidebarOpen {
    overflow: hidden;
}

/* ============================================
   MOBILE FOOTER - Desktop-based (same sections and order as desktop)
   ============================================ */

.mobileFooterWrapper {
    margin-top: 30px;
}

/* Top row: logo left, social right (matches desktop footerTopRow) */
.mobileFooterTopRow {
    background: #fff;
    padding: 20px 15px;
    border-top: 1px solid #e8e8e8;
}

.mobileFooterTopRowInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.mobileFooterLogoLink {
    display: inline-block;
    text-decoration: none;
}

.mobileFooterLogoLink img {
    height: 48px;
    width: auto;
}

.mobileFooterLogoLink .logo-text-fallback {
    font-size: 2.6rem;
    color: #dc2627;
    font-weight: 700;
}

.mobileFooterSocialLinks {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.mobileFooterSocialBtn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.mobileFooterSocialBtn:active {
    transform: scale(0.95);
}

.mobileFooterSocialYoutube { background: #ff0000; }
.mobileFooterSocialFacebook { background: #1877f2; }
.mobileFooterSocialTwitter { background: #000; }
.mobileFooterSocialInstagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.mobileFooterSocialLinkedin { background: #0a66c2; }

/* Contact block (matches desktop footerContactBlock) */
.mobileFooterContactBlock {
    border-top: 1px solid #e8e8e8;
    background: #fff;
    padding: 20px 15px;
}

.mobileFooterContactSingle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.mobileFooterContactItem {
    color: #333;
    font-size: 1.4rem;
    margin: 0;
    line-height: 1.5;
}

.mobileFooterContactItem a {
    color: #333;
    text-decoration: none;
}

.mobileFooterContactItem a:active {
    color: #d32f2f;
}

.mobileFooterContactSep {
    color: #999;
}

/* Legal bar (matches desktop footerLegalBar) */
.mobileFooterLegalBar {
    border-top: 1px solid #e8e8e8;
    background: #f8f8f8;
    padding: 14px 15px;
}

.mobileFooterLegalNav {
    margin: 0;
}

.mobileFooterLegalList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 16px;
}

.mobileFooterLegalList a {
    color: #555;
    font-size: 1.35rem;
    text-decoration: none;
}

.mobileFooterLegalList a:active {
    color: #d32f2f;
}

.mobileFooterLegalList li + li::before {
    content: '|';
    color: #ccc;
    margin-right: 16px;
}

/* Copyright bar (matches desktop footerBottomBar) */
.mobileFooterBottomBar {
    background: #f0f0f0;
    padding: 16px 15px;
}

.mobileFooterCopyright {
    color: #555;
    font-size: 1.35rem;
    margin: 0;
    text-align: center;
    line-height: 1.5;
}

/* Hide old mobile footer (legacy) */
.mobileFooter.visible-xs {
    display: none !important;
}

/* ============================================
   MOBILE HOMEPAGE STYLES
   Matches desktop design concept: same bg, borders, section headers
   ============================================ */

/* Mobile Home Wrapper – match desktop body bg */
.mobileHomeWrapper {
    background: #eff3f6;
    padding-bottom: 24px;
    padding-top: 12px;
}

/* Mobile Section Base – match desktop homeSection */
.mobileSection {
    background: #fff;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Mobile Section Header – match desktop homeSectionHeader */
.mobileSectionHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dee2e6;
}

.mobileSectionHeaderDark {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    margin: -16px -16px 16px -16px;
    padding: 14px 16px;
    border-bottom: none;
}

.mobileSectionHeaderDark .mobileSectionTitle {
    color: #fff;
}

.mobileSectionHeaderDark .mobileSectionMore {
    color: rgba(255,255,255,0.9);
}

.mobileSectionTitle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.7rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}

.mobileSectionTitle i {
    color: var(--theme-primary);
}

.mobileSectionIcon {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
}

.mobileSectionMore {
    font-size: 1.3rem;
    color: var(--theme-primary);
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

.mobileSectionMore:hover,
.mobileSectionMore:focus {
    text-decoration: none !important;
}

.mobileSectionMore i {
    font-size: 1rem;
}

/* Mobile viewport: hide desktop lead; mobile home visibility in mobile-home-visibility.css */
@media (max-width: 991px) {
    .home-desktop-lead {
        display: none !important;
    }
    .mobile-home-lead,
    .mobileLeadSection {
        display: block !important;
    }
}

/* ============================================
   Mobile Home – Lead news (desktop-style: text + image, no badge)
   ============================================ */
.mobileLeadSection,
.mobile-home-lead {
    padding: 16px;
    margin-bottom: 0;
    background: #eff3f6;
}

.mobileLeadCard {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    border-radius: 8px;
    transition: box-shadow 0.2s ease;
}

.mobileLeadCard:hover,
.mobileLeadCard:focus {
    text-decoration: none !important;
}

.mobileLeadCard:active {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.mobileLeadContent {
    padding: 16px 20px 18px;
    background: #fff;
}

.mobileLeadDate {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.1rem;
    color: #64748b;
    margin: 0 0 10px 0;
}

.mobileLeadDate i {
    font-size: 1rem;
    color: #94a3b8;
}

.mobileLeadShoulder {
    display: block;
    font-size: 1.15rem;
    color: var(--theme-primary);
    font-weight: 600;
    margin: 0 0 6px 0;
}

.mobileLeadTitle {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a1a;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobileLeadImage {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f1f5f9;
}

.mobileLeadImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ============================================
   THREE FEATURED SECTION (Positions 2, 3, 4)
   Match desktop homeSectionItem layout
   ============================================ */
.mobileThreeFeaturedSection {
    padding: 16px;
    background: #fff;
}

.mobileThreeFeaturedGrid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mobileThreeFeaturedCard {
    display: flex;
    text-decoration: none !important;
    color: inherit;
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.mobileThreeFeaturedCard:hover,
.mobileThreeFeaturedCard:focus {
    text-decoration: none !important;
}

.mobileThreeFeaturedImage {
    flex-shrink: 0;
    width: 130px;
    height: 95px;
    overflow: hidden;
}

.mobileThreeFeaturedImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileThreeFeaturedContent {
    flex: 1;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobileThreeFeaturedShoulder {
    display: block;
    font-size: 1.1rem;
    color: var(--theme-primary);
    margin-bottom: 4px;
    font-weight: 500;
}

.mobileThreeFeaturedTitle {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.45;
    color: #1a1a1a;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================
   SIX SMALL NEWS SECTION (Positions 5-10)
   Match desktop grid item style
   ============================================ */
.mobileSixSmallSection {
    padding: 16px;
    background: #fff;
}

.mobileSixSmallGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.mobileSixSmallCard {
    display: flex;
    text-decoration: none !important;
    color: inherit;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.mobileSixSmallCard:hover,
.mobileSixSmallCard:focus {
    text-decoration: none !important;
}

.mobileSixSmallImage {
    flex-shrink: 0;
    width: 70px;
    height: 55px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 8px;
}

.mobileSixSmallImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileSixSmallContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.mobileSixSmallShoulder {
    display: block;
    font-size: 1rem;
    color: var(--theme-primary);
    margin-bottom: 2px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobileSixSmallTitle {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
    color: #333;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================
   COLUMN SECTION (কলাম)
   ============================================ */
.mobileKolamSection {
    padding: 15px 10px;
    background: #fff;
}

.mobileKolamList {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mobileKolamCard {
    display: flex;
    text-decoration: none;
    color: inherit;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 10px;
    align-items: center;
}

.mobileKolamImage {
    flex-shrink: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    border: 2px solid #9c27b0;
}

.mobileKolamImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileKolamContent {
    flex: 1;
    min-width: 0;
}

.mobileKolamTitle {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    margin: 0 0 4px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobileKolamAuthor {
    font-size: 1.1rem;
    color: #9c27b0;
}

.mobileKolamAuthor i {
    margin-right: 4px;
}

/* ============================================
   LATEST/POPULAR TABS SECTION - reconcept
   Match desktop latestTabWidget
   ============================================ */
.mobileTabsSection {
    padding: 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
}

.mobileTabsSection.latestTabWidget {
    --latest-tab-red: #dc2627;
    --latest-tab-red-dark: #b71c1c;
    --latest-tab-radius: 8px;
    --latest-tab-active-color: #2c3e50;
}

/* Underline-style tab bar */
.mobileTabsHeader {
    display: flex;
    background: #e8e8e8;
    border-radius: var(--latest-tab-radius) var(--latest-tab-radius) 0 0;
    padding: 0;
    overflow: hidden;
}

.mobileTabBtn {
    flex: 1;
    padding: 10px 12px !important;
    border: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    font-size: 1.5rem !important;
    font-weight: 600;
    color: #888;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0;
}

.mobileTabBtn.active {
    color: var(--latest-tab-active-color);
    background: #f5f5f5;
    border-bottom-color: var(--latest-tab-active-color);
}

.mobileTabBtn.active::after {
    display: none;
}

.mobileTabsContent {
    background: #fff;
    border-radius: 0 0 var(--latest-tab-radius) var(--latest-tab-radius);
    max-height: 380px;
    overflow-y: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.mobileTabPanel {
    display: none;
    padding: 0;
}

.mobileTabPanel.active {
    display: block;
}

.mobileTabItem {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    text-decoration: none !important;
    color: inherit;
    border-bottom: 1px solid #dee2e6;
    transition: background 0.2s ease;
    min-height: 72px;
}

.mobileTabItem:hover,
.mobileTabItem:focus {
    text-decoration: none !important;
}

.mobileTabItem:last-child {
    border-bottom: none;
}

.mobileTabItem:active {
    background: #f8f9fa;
}

.mobileTabSerial {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: #e8e8e8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--latest-tab-active-color);
    margin-right: 10px;
}

.mobileTabItemTitle {
    flex: 1;
    min-width: 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    display: block;
}

.mobileTabItemWithThumb .mobileTabItemThumbWrap {
    flex-shrink: 0;
    max-width: 80px;
    max-height: 64px;
    overflow: hidden;
    border-radius: 4px;
    margin-left: 10px;
}

.mobileTabItemWithThumb .mobileTabItemThumb {
    max-width: 100%;
    max-height: 64px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    vertical-align: middle;
}

.mobileTabsViewAll {
    display: block;
    text-align: center;
    padding: 12px;
    background: var(--theme-primary);
    color: #fff;
    text-decoration: none !important;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 8px;
    margin-top: 12px;
}

.mobileTabsViewAll:hover,
.mobileTabsViewAll:focus {
    text-decoration: none !important;
}

.mobileTabsViewAll:active {
    background: #b71c1c;
}

.mobileTabsViewAll i {
    margin-left: 6px;
}

/* Reconcept: outline CTA for latest tab widget – match desktop */
.latestTabWidget .mobileTabsViewAll.latestTabViewAllLinkMobile {
    background: #fff;
    color: var(--latest-tab-red);
    border: 1px solid var(--latest-tab-red);
    border-radius: var(--latest-tab-radius);
}

.latestTabWidget .mobileTabsViewAll.latestTabViewAllLinkMobile:hover,
.latestTabWidget .mobileTabsViewAll.latestTabViewAllLinkMobile:focus {
    text-decoration: none !important;
}

.latestTabWidget .mobileTabsViewAll.latestTabViewAllLinkMobile:active {
    background: var(--latest-tab-red);
    color: #fff;
}

/* Latest News Section */
.mobileLatestSection {
    padding: 15px 10px;
}

.mobileNewsGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.mobileNewsCard {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mobileNewsCardImage {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.mobileNewsCardImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileNewsCardContent {
    padding: 10px;
}

.mobileNewsCardTitle {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
    margin: 0 0 6px 0;
}

.mobileNewsCardTime {
    font-size: 1.1rem;
    color: #999;
}

.mobileNewsCardTime i {
    margin-right: 4px;
}

/* News List Style */
.mobileNewsList {
    display: flex;
    flex-direction: column;
}

.mobileNewsListLead {
    display: block;
    text-decoration: none !important;
    color: inherit;
    margin-bottom: 12px;
}

.mobileNewsListLead:hover,
.mobileNewsListLead:focus {
    text-decoration: none !important;
}

.mobileNewsListLeadImage {
    width: 100%;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 10px;
}

.mobileNewsListLeadImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileNewsListLeadTitle {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    color: #1a1a1a;
    margin: 0;
}

.mobileNewsListItem {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #dee2e6;
    text-decoration: none !important;
    text-decoration: none;
    color: inherit;
}

.mobileNewsListItem:last-child {
    border-bottom: none;
}

.mobileNewsListDot {
    width: 6px;
    height: 6px;
    background: var(--theme-primary);
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 8px;
}

.mobileNewsListItemTitle {
    font-size: 1.4rem;
    color: #333;
    line-height: 1.5;
}

/* Horizontal Scroll Cards */
.mobileNewsHorizontal {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 5px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.mobileNewsHorizontal::-webkit-scrollbar {
    display: none;
}

.mobileNewsHorizontalCard {
    flex: 0 0 140px;
    text-decoration: none !important;
    color: inherit;
}

.mobileNewsHorizontalCard:hover,
.mobileNewsHorizontalCard:focus {
    text-decoration: none !important;
}

.mobileNewsHorizontalImage {
    width: 140px;
    height: 95px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
}

.mobileNewsHorizontalImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileNewsHorizontalTitle {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
    margin: 0;
}

/* Sports Section */
.mobileSportsSection {
    background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
    padding-bottom: 20px;
}

.mobileSportsGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.mobileSportsLead {
    display: block;
    text-decoration: none !important;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.mobileSportsLead:hover,
.mobileSportsLead:focus {
    text-decoration: none !important;
}

.mobileSportsLeadImage {
    width: 100%;
    height: 200px;
    position: relative;
}

.mobileSportsLeadImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileSportsLeadOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%);
}

.mobileSportsLeadTitle {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
}

.mobileSportsCard {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    padding: 10px;
}

.mobileSportsCard:hover,
.mobileSportsCard:focus {
    text-decoration: none !important;
}

.mobileSportsCardImage {
    width: 80px;
    height: 55px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.mobileSportsCardImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileSportsCardTitle {
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.4;
}

/* Video Section */
.mobileVideoSection {
    background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
    padding-bottom: 20px;
}

.mobileVideoGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.mobileVideoCard {
    display: block;
    text-decoration: none !important;
}

.mobileVideoCard:hover,
.mobileVideoCard:focus {
    text-decoration: none !important;
}

.mobileVideoCardImage {
    position: relative;
    width: 100%;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
}

.mobileVideoCardImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileVideoPlayIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: rgba(255, 0, 0, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
}

.mobileVideoCardTitle {
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.4;
}

/* More Categories Grid */
.mobileCategoriesGrid {
    background: #fff;
}

.mobileCategoriesGridInner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.mobileCategoryGridItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 8px;
    background: #f8f9fa;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    border: 1px solid #e5e7eb;
}

.mobileCategoryGridItem:hover,
.mobileCategoryGridItem:focus {
    text-decoration: none !important;
}

.mobileCategoryGridItem:active {
    background: #f0f0f0;
    transform: scale(0.98);
}

.mobileCategoryGridIcon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.6rem;
}

.mobileCategoryGridName {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    text-align: center;
}

/* Photos Section */
.mobilePhotoGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.mobilePhotoCard {
    display: block;
    text-decoration: none !important;
}

.mobilePhotoCard:hover,
.mobilePhotoCard:focus {
    text-decoration: none !important;
}

.mobilePhotoCardImage {
    position: relative;
    width: 100%;
    height: 110px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
}

.mobilePhotoCardImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobilePhotoIcon {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
}

.mobilePhotoCardTitle {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: 1.4;
}

/* ============================================
   MOBILE SINGLE POST STYLES
   ============================================ */

/* Mobile Single Reconcept - matches desktop reconcept */
.mobileSingleReconcept {
    padding: 18px 16px;
    background: #fafafa;
}

.mobileSingleReconcept .mobileSingleCategory {
    margin-bottom: 10px;
}

.mobileSingleReconcept .mobileSingleCategory a {
    font-size: 1.1rem;
    padding: 6px 14px;
    border-radius: 6px;
}

.mobileSingleReconcept .mobileSingleShoulder {
    font-size: 1.35rem;
}

.mobileSingleReconcept .mobileSingleTitle {
    font-size: 2rem;
    line-height: 1.35;
}

.mobileSingleReconcept .mobileSingleAuthorCard {
    border-radius: 10px;
    border: 1px solid #e8e8e8;
}

.mobileSingleReconcept .mobileSingleImage img {
    border-radius: 10px;
}

.mobileSingleReconcept .mobileSingleContent {
    font-size: 1.6rem;
    line-height: 1.7;
}

.mobileSingleReconcept .mobileSingleShare {
    border-radius: 10px;
}

.mobileSingleReconcept .mobileSingleTag {
    border-radius: 6px;
}

.mobileSingleReconcept .mobileRelatedItemThumb {
    border-radius: 8px;
}
.mobileRelatedItemThumbVideo {
    position: relative;
}
.mobileRelatedPlayBadge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4rem;
    color: #fff;
    background: rgba(220, 38, 39, 0.9);
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
}

.mobileSingleWrapper {
    padding: 16px;
    background: #fff;
}

.mobileSingleAd {
    width: 100%;
    margin-bottom: 16px;
}
.mobileSingleAd .widget {
    text-align: center;
}
.mobileSingleAd img,
.mobileSingleAd iframe {
    max-width: 100%;
    height: auto;
}

.mobileSingleCategory {
    margin-bottom: 12px;
}

.mobileSingleCategory a {
    display: inline-block;
    background: #d32f2f;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 4px;
    text-decoration: none;
}

.mobileSingleHeader {
    margin-bottom: 15px;
}

.mobileSingleShoulder {
    font-size: 1.3rem;
    color: #d32f2f;
    margin: 0 0 8px 0;
    font-weight: 500;
}

.mobileSingleTitle {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a1a;
    margin: 0 0 15px 0;
}

.mobileSingleMeta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

/* Mobile Author Box - Professional Design */
.mobileSingleAuthorBox {
    margin-bottom: 15px;
}

.mobileSingleAuthorCard {
    display: flex;
    gap: 12px;
    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #eee;
}

.mobileSingleAuthorLeft {
    flex-shrink: 0;
}

.mobileSingleAuthorAvatarLink {
    display: block;
}

.mobileSingleAuthorAvatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.mobileSingleAuthorRight {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.mobileSingleAuthorName {
    font-size: 1.5rem;
    font-weight: 700;
    color: #222;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
    line-height: 1.3;
}

.mobileSingleAuthorName:active {
    color: #d32f2f;
}

.mobileSingleAuthorMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mobileSingleDate,
.mobileSingleTime {
    font-size: 1.15rem;
    color: #666;
    display: inline-flex;
    align-items: center;
}

.mobileSingleDate i,
.mobileSingleTime i {
    margin-right: 4px;
    color: #d32f2f;
    font-size: 1rem;
}

.mobileSingleShare {
    background: linear-gradient(135deg, #f8f9fa 0%, #f0f0f0 100%);
    padding: 15px;
    border-radius: 12px;
    margin: 20px 0;
    border: 1px solid #e0e0e0;
}

.mobileSingleShareLabel {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: #555;
    margin-bottom: 12px;
}

.mobileSingleShareLabel i {
    color: #d32f2f;
    margin-right: 6px;
}

.mobileSingleShareBtns {
    display: flex;
    gap: 10px;
}

.mobileSingleShareBtn {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    transition: all 0.2s ease;
}

.mobileSingleShareBtn:active {
    transform: scale(0.9);
}

.mobileShareFb { background: linear-gradient(135deg, #1877f2 0%, #0d5bbd 100%); }
.mobileShareWa { background: linear-gradient(135deg, #25d366 0%, #128c7e 100%); }
.mobileShareTw { background: linear-gradient(135deg, #333 0%, #000 100%); }
.mobileShareMsg { background: linear-gradient(135deg, #0084ff 0%, #0066cc 100%); }

.mobileSingleImage {
    margin-bottom: 15px;
}

.mobileSingleImage img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.mobileSingleImageCaption {
    font-size: 1.1rem;
    color: #666;
    font-style: italic;
    margin: 8px 0 0 0;
    text-align: center;
}

.mobileSingleVideo {
    margin-bottom: 15px;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

/* Mobile Video Header */
.mobileVideoHeader {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
}

.mobileVideoHeaderIcon {
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
}

.mobileVideoHeaderLabel {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
}

/* Mobile Video Player Container */
.mobileVideoPlayerContainer {
    position: relative;
}

.mobileVideoPlayerWrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
}

.mobileVideoPlayerWrapper iframe,
.mobileVideoPlayerWrapper > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobileVideoPlayerWrapper > div iframe {
    width: 100%;
    height: 100%;
}

/* Mobile Video Overlay (Thumbnail) */
.mobileVideoOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: #000;
}

.mobileVideoThumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileVideoPlayBtn {
    position: relative;
    z-index: 5;
    width: 70px;
    height: 70px;
    background: rgba(255, 0, 0, 0.9);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 2.4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
    transition: transform 0.3s ease, background 0.3s ease;
}

.mobileVideoPlayBtn i {
    margin-left: 5px;
}

.mobileVideoPlayBtn:active {
    transform: scale(0.95);
    background: rgba(255, 0, 0, 1);
}

/* Mobile Video Controls */
.mobileVideoControls {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #1a1a1a;
}

.mobileVideoCtrlBtn {
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,0.1);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease;
}

.mobileVideoCtrlBtn:active {
    background: rgba(255,255,255,0.2);
}

.mobileVideoYtBtn {
    color: #ff0000;
}

.mobileVideoProgress {
    flex: 1;
    height: 6px;
    background: rgba(255,255,255,0.2);
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
}

.mobileVideoProgressFill {
    height: 100%;
    background: #d32f2f;
    width: 0%;
    border-radius: 3px;
    transition: width 0.1s linear;
}

/* Fullscreen styles */
.mobileSingleVideo:fullscreen,
.mobileSingleVideo:-webkit-full-screen {
    width: 100%;
    height: 100%;
    background: #000;
}

.mobileSingleVideo:fullscreen .mobileVideoPlayerWrapper,
.mobileSingleVideo:-webkit-full-screen .mobileVideoPlayerWrapper {
    padding-bottom: 0;
    height: calc(100% - 56px);
}

.mobileSingleVideo:fullscreen .mobileVideoPlayerWrapper iframe,
.mobileSingleVideo:-webkit-full-screen .mobileVideoPlayerWrapper iframe {
    position: relative;
    width: 100%;
    height: 100%;
}

.mobileSingleContent {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #333;
    text-align: justify;
}

.mobileSingleContent p,
.mobileSingleContent li,
.mobileSingleContent blockquote {
    font-size: 1.6rem !important;
    line-height: 1.7 !important;
}

.mobileSingleContent p {
    margin-bottom: 15px;
    text-align: justify;
}

.mobileSingleContent h1,
.mobileSingleContent h2,
.mobileSingleContent h3,
.mobileSingleContent h4,
.mobileSingleContent h5,
.mobileSingleContent h6 {
    font-size: 1.6rem !important;
    line-height: 1.5 !important;
    font-weight: 600;
    text-align: left;
}

.mobileSingleContent img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.mobileSingleTags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.mobileSingleTag {
    display: inline-block;
    background: #f5f5f5;
    color: #333;
    font-size: 1.2rem;
    padding: 6px 12px;
    border-radius: 20px;
    text-decoration: none;
}

.mobileSingleTag:active {
    background: #d32f2f;
    color: #fff;
}

.mobileSingleRelated {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 3px solid #d32f2f;
}

.mobileSingleRelatedTitle {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 15px 0;
}

.mobileSingleRelatedTitle i {
    color: #d32f2f;
    margin-right: 8px;
}

/* Mobile Related – horizontal list style */
.mobileSingleRelatedList {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.mobileRelatedItem {
    display: flex;
    align-items: center;
    padding: 12px 0;
    text-decoration: none;
    color: #1a1a1a;
    border-bottom: 1px solid #eee;
    transition: background 0.2s ease;
}
.mobileRelatedItem:first-child {
    padding-top: 0;
}
.mobileRelatedItem:last-child {
    border-bottom: none;
}
.mobileRelatedItem:active {
    background: #f5f5f5;
}
.mobileRelatedItemThumb {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 14px;
}
.mobileRelatedItemThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobileRelatedItemTitle {
    flex: 1;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mobileRelatedItemArrow {
    flex-shrink: 0;
    font-size: 1rem;
    color: #999;
    margin-right: 6px;
}

/* ============================================
   MOBILE CATEGORY/ARCHIVE STYLES
   ============================================ */
.mobileCategoryWrapper {
    padding: 15px;
    background: #f5f5f5;
}

.categoryPageMobile .mobileCategoryHeader {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 14px;
    border-left: 4px solid #d32f2f;
}

.categoryPageMobile .mobileCategoryTitle {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}

.categoryPageMobile .mobileCategoryDesc {
    font-size: 1.35rem;
    color: #555;
    margin: 8px 0 0 0;
    line-height: 1.5;
}

.categoryPageMobile .mobileCategorySubcats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.categoryPageMobile .mobileCategorySubcatItem {
    display: inline-block;
    background: #fff;
    color: #333;
    font-size: 1.25rem;
    padding: 7px 14px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.categoryPageMobile .mobileCategorySubcatItem:active {
    background: #d32f2f;
    color: #fff;
}

.categoryPageMobile .mobileCategoryLeadTitle {
    font-size: 1.65rem;
}
.categoryPageMobile .mobileCategoryLeadExcerpt {
    font-size: 1.35rem;
}
.categoryPageMobile .mobileCategoryItemTitle {
    font-size: 1.38rem;
}
.categoryPageMobile .mobileCategoryItemImage {
    width: 110px;
    height: 82px;
}

.mobileCategoryPosts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mobileCategoryLead {
    display: block;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mobileCategoryLeadImage {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.mobileCategoryLeadImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileCategoryLeadContent {
    padding: 15px;
}

.mobileCategoryLeadShoulder {
    display: block;
    font-size: 1.2rem;
    color: #d32f2f;
    margin-bottom: 5px;
    font-weight: 500;
}

.mobileCategoryLeadTitle {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a1a;
    margin: 0 0 10px 0;
}

.mobileCategoryLeadExcerpt {
    font-size: 1.3rem;
    color: #666;
    line-height: 1.5;
    margin: 0 0 10px 0;
}

.mobileCategoryLeadDate {
    font-size: 1.2rem;
    color: #999;
}

.mobileCategoryLeadDate i {
    margin-right: 4px;
}

.mobileCategoryItem {
    display: flex;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.mobileCategoryItemImage {
    flex-shrink: 0;
    width: 120px;
    height: 90px;
    overflow: hidden;
}

.mobileCategoryItemImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileCategoryItemContent {
    flex: 1;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobileCategoryItemShoulder {
    display: block;
    font-size: 1.1rem;
    color: #d32f2f;
    margin-bottom: 3px;
    font-weight: 500;
}

.mobileCategoryItemTitle {
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    margin: 0 0 6px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobileCategoryItemDate {
    font-size: 1.1rem;
    color: #999;
}

.mobileCategoryItemDate i {
    margin-right: 3px;
}

.mobileCategoryEmpty {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    text-align: center;
}

.mobileCategoryEmpty p {
    font-size: 1.4rem;
    color: #666;
    margin: 0;
}

.mobileCategoryPagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}

.mobileCategoryPaginationBtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 15px;
    background: #d32f2f;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
}

.mobileCategoryPaginationInfo {
    font-size: 1.3rem;
    color: #666;
    font-weight: 600;
}

/* ============================================
   MOBILE PAGE STYLES
   ============================================ */
.mobilePageWrapper {
    padding: 15px;
    background: #fff;
}

.mobilePageHeader {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #d32f2f;
}

.mobilePageTitle {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a1a;
    margin: 0;
}

.mobilePageImage {
    margin-bottom: 15px;
}

.mobilePageImage img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.mobilePageContent {
    font-size: 1.6rem;
    line-height: 1.8;
    color: #333;
}

.mobilePageContent p {
    margin-bottom: 15px;
}

.mobilePageContent img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.mobilePageContent h2,
.mobilePageContent h3,
.mobilePageContent h4 {
    margin: 20px 0 10px 0;
    color: #1a1a1a;
}

.mobilePageLinks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.mobilePageLinksTitle {
    font-size: 1.3rem;
    font-weight: 600;
    color: #666;
    margin-right: 10px;
}

.mobilePageLinks span {
    display: inline-block;
    padding: 6px 12px;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 1.2rem;
}

/* ============================================
   MOBILE SEARCH STYLES
   ============================================ */
.mobileSearchWrapper {
    padding: 15px;
    background: #f5f5f5;
    min-height: calc(100vh - 115px);
}

.mobileSearchHeader {
    margin-bottom: 15px;
}

.mobileSearchTitle {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}

.mobileSearchForm {
    margin-bottom: 15px;
}

.mobileSearchInputWrapper {
    display: flex;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.mobileSearchInput {
    flex: 1;
    padding: 14px 15px;
    border: none;
    font-size: 1.5rem;
    outline: none;
}

.mobileSearchSubmit {
    padding: 14px 18px;
    background: #d32f2f;
    color: #fff;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.mobileSearchInfo {
    background: #fff;
    padding: 12px 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.mobileSearchQuery {
    font-size: 1.3rem;
    color: #333;
    margin: 0 0 5px 0;
}

.mobileSearchCount {
    font-size: 1.2rem;
    color: #666;
    margin: 0;
}

.mobileSearchResults {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mobileSearchItem {
    display: flex;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.mobileSearchItemImage {
    flex-shrink: 0;
    width: 110px;
    height: 85px;
    overflow: hidden;
}

.mobileSearchItemImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileSearchItemContent {
    flex: 1;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobileSearchItemCat {
    display: inline-block;
    font-size: 1rem;
    color: #d32f2f;
    font-weight: 600;
    margin-bottom: 3px;
}

.mobileSearchItemTitle {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    margin: 0 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobileSearchItemDate {
    font-size: 1.1rem;
    color: #999;
}

.mobileSearchItemDate i {
    margin-right: 3px;
}

.mobileSearchPagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}

.mobileSearchPaginationBtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 15px;
    background: #d32f2f;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
}

.mobileSearchPaginationInfo {
    font-size: 1.3rem;
    color: #666;
    font-weight: 600;
}

.mobileSearchEmpty {
    background: #fff;
    padding: 40px 20px;
    border-radius: 8px;
    text-align: center;
}

.mobileSearchEmptyIcon {
    width: 60px;
    height: 60px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.mobileSearchEmptyIcon i {
    font-size: 2.4rem;
    color: #999;
}

.mobileSearchEmptyText {
    font-size: 1.5rem;
    color: #333;
    margin: 0 0 10px 0;
}

.mobileSearchEmptyHint {
    font-size: 1.3rem;
    color: #999;
    margin: 0;
}

/* ============================================
   MOBILE VIDEO SINGLE STYLES
   ============================================ */
.mobileVideoSingleWrapper {
    padding: 15px;
    background: #fff;
}

.mobileVideoCategory {
    margin-bottom: 12px;
}

.mobileVideoTitleSection {
    padding: 15px 0;
}

.mobileVideoCategoryLabel {
    display: inline-block;
    background: #ff0000;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 4px;
}

.mobileVideoTitle {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a1a;
    margin: 0 0 10px 0;
}

.mobileVideoMeta {
    margin-bottom: 10px;
}

.mobileVideoDate {
    font-size: 1.2rem;
    color: #666;
}

.mobileVideoDate i {
    margin-right: 4px;
}

.mobileVideoShare {
    display: flex;
    gap: 8px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.mobileVideoShareBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    border: none;
    cursor: pointer;
}

.mobileShareFacebook { background: #1877f2; }
.mobileShareWhatsapp { background: #25d366; }
.mobileShareCopy { background: #666; }

.mobileVideoContent {
    font-size: 1.5rem;
    line-height: 1.7;
    color: #333;
    margin-bottom: 20px;
}

.mobileVideoContent p {
    margin-bottom: 15px;
}

.mobileRelatedVideos {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 3px solid #ff0000;
}

.mobileRelatedTitle {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #ff0000;
}

.mobileRelatedGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.mobileRelatedCard {
    display: block;
    text-decoration: none;
}

.mobileRelatedThumbnail {
    position: relative;
    width: 100%;
    height: 100px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 8px;
}

.mobileRelatedThumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileRelatedPlayIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    background: rgba(255, 0, 0, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
}

.mobileRelatedCardTitle {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================
   MOBILE ARCHIVE STYLES (Tags, Date, Author)
   ============================================ */
.mobileArchiveWrapper {
    padding: 15px;
    background: #f5f5f5;
}

.mobileArchiveHeader {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    border-left: 4px solid #d32f2f;
}

.mobileArchiveTitle {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}

.mobileArchiveTitle i {
    color: #d32f2f;
    margin-right: 8px;
}

.mobileArchiveDesc {
    font-size: 1.3rem;
    color: #666;
    margin: 8px 0 0 0;
}

.mobileArchivePosts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mobileArchiveItem {
    display: flex;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.mobileArchiveItemImage {
    flex-shrink: 0;
    width: 120px;
    height: 95px;
    overflow: hidden;
}

.mobileArchiveItemImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileArchiveItemContent {
    flex: 1;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobileArchiveItemCat {
    display: inline-block;
    font-size: 1rem;
    color: #d32f2f;
    font-weight: 600;
    margin-bottom: 2px;
}

.mobileArchiveItemShoulder {
    display: block;
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 2px;
}

.mobileArchiveItemTitle {
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    margin: 0 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobileArchiveItemDate {
    font-size: 1.1rem;
    color: #999;
}

.mobileArchiveItemDate i {
    margin-right: 3px;
}

.mobileArchiveEmpty {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    text-align: center;
}

.mobileArchiveEmpty p {
    font-size: 1.4rem;
    color: #666;
    margin: 0;
}

.mobileArchivePagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}

.mobileArchivePaginationBtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 15px;
    background: #d32f2f;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
}

.mobileArchivePaginationInfo {
    font-size: 1.3rem;
    color: #666;
    font-weight: 600;
}

/* ===============================================
   Mobile Latest News Page Styles
   =============================================== */
.mobileLatestWrapper {
    padding: 15px;
    background: #f5f5f5;
}

.mobilePageHeader {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mobilePageHeaderIcon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    font-size: 1.8rem;
    flex-shrink: 0;
}

.mobilePageHeaderInfo {
    flex: 1;
}

.mobilePageHeaderTitle {
    font-size: 1.8rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 4px 0;
    line-height: 1.3;
}

.mobilePageHeaderDate {
    font-size: 1.2rem;
    color: #666;
    margin: 0;
}

.mobileLatestList {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mobileLatestCard {
    display: flex;
    gap: 12px;
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: all 0.2s ease;
}

.mobileLatestCard:active {
    transform: scale(0.98);
    background: #fafafa;
}

.mobileLatestImage {
    position: relative;
    width: 110px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.mobileLatestImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobileLatestCat {
    position: absolute;
    top: 6px;
    left: 6px;
    background: rgba(211, 47, 47, 0.9);
    color: #fff;
    font-size: 0.95rem;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
}

.mobileLatestContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.mobileLatestShoulder {
    font-size: 1.15rem;
    color: #d32f2f;
    font-weight: 600;
    margin-bottom: 3px;
    display: block;
}

.mobileLatestTitle {
    font-size: 1.4rem;
    font-weight: 600;
    color: #222;
    margin: 0 0 6px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobileLatestTime {
    font-size: 1.1rem;
    color: #888;
}

.mobileLatestTime i {
    margin-right: 4px;
    color: #aaa;
}

/* ========================================
   Latest News Page – news items & excerpt font sizes
   ======================================== */

/* Desktop: list items, title, excerpt, time */
.latestNewsPageList .desktopDetailCat,
.latestNewsPageList .desktopDetailCat a {
    font-size: 1.5rem !important;
    line-height: 1.5;
}

.latestNewsPageList .media-body h3.title9,
.latestNewsPageList .media-body .title9 {
    font-size: 2rem !important;
    line-height: 1.4 !important;
}

.latestNewsPageList .desktopSummary {
    font-size: 1.5rem !important;
    line-height: 1.6 !important;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #555;
}

.latestNewsPageList .desktopTime {
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    margin-top: 10px;
    color: #666;
}

.latestNewsPageList .desktopTime i {
    font-size: 1.2rem !important;
}

/* Latest page – desktop pagination text size */
.latestNewsPaginationWrap .pagination,
.latestNewsPaginationWrap .pagination a,
.latestNewsPaginationWrap .pagination span,
.latestNewsPaginationWrap .pagination2 span {
    font-size: 1.5rem !important;
    line-height: 1.4;
}

.latestNewsPaginationWrap .pagination a,
.latestNewsPaginationWrap .pagination span {
    padding: 8px 12px;
}

/* Latest page pagination – mobile: compact, smaller text, touch-friendly */
@media (max-width: 767px) {
    .latestNewsPaginationWrap {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .latestNewsPaginationWrap .pagination {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 6px 8px;
    }
    .latestNewsPaginationWrap .pagination,
    .latestNewsPaginationWrap .pagination a,
    .latestNewsPaginationWrap .pagination span,
    .latestNewsPaginationWrap .pagination2 span,
    .latestNewsPaginationWrap .pagination .pagination-current {
        font-size: 1.3rem !important;
        line-height: 1.35;
    }
    .latestNewsPaginationWrap .pagination a,
    .latestNewsPaginationWrap .pagination span,
    .latestNewsPaginationWrap .pagination .pagination-current {
        padding: 10px 12px;
        min-height: 44px;
        min-width: 44px;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .latestNewsPaginationWrap .pagination .pagination-current {
        padding: 10px 12px;
    }
}

/* Mobile: latest page cards */
.mobileLatestWrapper .mobileLatestShoulder {
    font-size: 1.2rem;
}

.mobileLatestWrapper .mobileLatestTitle {
    font-size: 1.5rem;
    line-height: 1.4;
}

.mobileLatestWrapper .mobileLatestTime {
    font-size: 1.2rem;
}

.mobileLatestWrapper .mobileLatestCat {
    font-size: 1rem;
}

.mobileLatestPagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.mobilePaginationBtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mobilePaginationBtn:active {
    transform: scale(0.95);
}

.mobilePaginationInfo {
    font-size: 1.4rem;
    color: #666;
    font-weight: 600;
}

.mobileLatestEmpty {
    background: #fff;
    padding: 40px 20px;
    border-radius: 10px;
    text-align: center;
}

.mobileLatestEmpty i {
    font-size: 3rem;
    color: #ddd;
    margin-bottom: 15px;
}

.mobileLatestEmpty p {
    font-size: 1.4rem;
    color: #888;
    margin: 0;
}

/* ===============================================
   Mobile Search Page (Template) Styles
   =============================================== */
.mobileSearchPageWrapper {
    padding: 15px;
    background: #f5f5f5;
}

.mobileSearchFormBox {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mobileSearchFormInner {
    display: flex;
    gap: 10px;
}

.mobileSearchInput {
    flex: 1;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1.4rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.mobileSearchInput:focus {
    border-color: #1976d2;
}

.mobileSearchSubmit {
    padding: 12px 20px;
    background: linear-gradient(135deg, #1976d2 0%, #0d47a1 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mobileSearchSubmit:active {
    transform: scale(0.95);
}

.mobileSearchLatestHeader {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    padding: 12px 15px;
    border-radius: 10px;
    margin-bottom: 12px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #222;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.mobileSearchLatestHeader i {
    color: #d32f2f;
}

/* ===============================================
   Archive News Search Page Styles (Desktop)
   =============================================== */
.archiveSearchForm {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.archiveFormLabel {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.archiveFormLabel i {
    color: #d32f2f;
    margin-right: 5px;
}

.archiveFormInput,
.archiveFormSelect {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
    background: #fff;
}

.archiveFormInput:focus,
.archiveFormSelect:focus {
    border-color: #d32f2f;
    outline: none;
}

.archiveSearchBtn {
    padding: 12px 30px;
    background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.archiveSearchBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);
}

.archiveResetBtn {
    display: inline-block;
    padding: 12px 25px;
    background: #f5f5f5;
    color: #666;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-left: 10px;
    transition: all 0.2s ease;
}

.archiveResetBtn:hover {
    background: #e0e0e0;
    color: #333;
}

.archiveResultsHeader {
    background: #f8f9fa;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 4px solid #d32f2f;
}

.archiveResultsCount {
    font-size: 16px;
    color: #333;
    margin: 0;
}

.archiveResultsCount i {
    color: #d32f2f;
    margin-right: 8px;
}

.archiveFilterTag {
    display: inline-block;
    background: #d32f2f;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    margin-left: 8px;
}

.archiveFilterTag i {
    margin-right: 5px;
}

.archiveNoResults,
.archiveInitialState {
    padding: 40px 20px;
}

.archiveNoResults h3,
.archiveInitialState h3 {
    color: #333;
    margin-bottom: 10px;
}

.archiveQuickLinks,
.archiveCategories {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
}

.archiveQuickLinks h4,
.archiveCategories h4 {
    color: #333;
    font-size: 18px;
}

.archiveQuickLinks h4 i,
.archiveCategories h4 i {
    color: #d32f2f;
    margin-right: 8px;
}

.archiveQuickLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 15px;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
    color: #333;
    transition: all 0.2s ease;
    border: 1px solid #e0e0e0;
}

.archiveQuickLink:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-color: #d32f2f;
    color: #d32f2f;
}

.archiveQuickLink i {
    font-size: 24px;
    margin-bottom: 10px;
    color: #d32f2f;
}

.archiveQuickLink span {
    font-size: 13px;
    font-weight: 600;
}

.archiveCatLink {
    display: block;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid #e0e0e0;
}

.archiveCatLink:hover {
    background: #d32f2f;
    color: #fff;
    border-color: #d32f2f;
}

.archiveCatLink:hover .archiveCatCount {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.archiveCatCount {
    display: inline-block;
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    margin-left: 5px;
    color: #666;
}

/* ===============================================
   Archive News Search Page Styles (Mobile)
   =============================================== */
.mobileArchiveSearchWrapper {
    padding: 15px;
    background: #f5f5f5;
}

.mobileArchiveForm {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mobileArchiveFormGroup {
    margin-bottom: 12px;
}

.mobileArchiveFormGroup label {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
}

.mobileArchiveFormGroup label i {
    color: #d32f2f;
    margin-right: 5px;
}

.mobileArchiveFormGroup input,
.mobileArchiveFormGroup select {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1.3rem;
    background: #fff;
    -webkit-appearance: none;
}

.mobileArchiveFormGroup input:focus,
.mobileArchiveFormGroup select:focus {
    border-color: #d32f2f;
    outline: none;
}

.mobileArchiveFormRow {
    display: flex;
    gap: 10px;
}

.mobileArchiveFormHalf {
    flex: 1;
}

.mobileArchiveFormButtons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.mobileArchiveSearchBtn {
    flex: 1;
    padding: 12px 20px;
    background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1.3rem;
    font-weight: 600;
    cursor: pointer;
}

.mobileArchiveResetBtn {
    padding: 12px 20px;
    background: #f5f5f5;
    color: #666;
    border-radius: 8px;
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mobileArchiveResultsHeader {
    background: #fff;
    padding: 12px 15px;
    border-radius: 10px;
    margin-bottom: 12px;
    font-size: 1.3rem;
    color: #333;
    border-left: 4px solid #d32f2f;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.mobileArchiveResultsHeader i {
    color: #d32f2f;
    margin-right: 8px;
}

.mobileArchiveEmpty {
    background: #fff;
    padding: 40px 20px;
    border-radius: 10px;
    text-align: center;
}

.mobileArchiveEmpty i {
    font-size: 3rem;
    color: #ddd;
    margin-bottom: 15px;
}

.mobileArchiveEmpty p {
    font-size: 1.5rem;
    color: #333;
    margin: 0 0 5px 0;
    font-weight: 600;
}

.mobileArchiveEmpty span {
    font-size: 1.2rem;
    color: #888;
}

.mobileArchiveQuickSection {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.mobileArchiveQuickSection h4 {
    font-size: 1.4rem;
    color: #333;
    margin: 0 0 12px 0;
    font-weight: 700;
}

.mobileArchiveQuickSection h4 i {
    color: #d32f2f;
    margin-right: 8px;
}

.mobileArchiveQuickGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.mobileArchiveQuickCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 10px;
    background: #f8f9fa;
    border-radius: 10px;
    text-decoration: none;
    color: #333;
    transition: all 0.2s ease;
}

.mobileArchiveQuickCard:active {
    transform: scale(0.95);
    background: #d32f2f;
    color: #fff;
}

.mobileArchiveQuickCard i {
    font-size: 1.8rem;
    color: #d32f2f;
    margin-bottom: 8px;
}

.mobileArchiveQuickCard:active i {
    color: #fff;
}

.mobileArchiveQuickCard span {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
}

.mobileArchiveCatList {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mobileArchiveCatItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    font-size: 1.3rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.mobileArchiveCatItem:active {
    background: #d32f2f;
    color: #fff;
}

.mobileArchiveCatItem span {
    background: #e0e0e0;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 1.1rem;
    color: #666;
}

.mobileArchiveCatItem:active span {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* Hide topbar only */
.headerTopSection {
    display: none !important;
}

.mobileTopBar {
    display: none !important;
}

/* Home: আপনার এলাকার খবর – full-width horizontal location form (after সারাদেশ) */
.home-location-form-section {
    margin-top: 20px;
    margin-bottom: 20px;
}
.home-location-form-section .container {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.home-location-form-inner {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 16px 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    width: 100%;
    box-sizing: border-box;
}
.home-location-form-title {
    margin: 0 0 14px 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
}
.home-location-form {
    width: 100%;
}
.home-location-form-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.home-location-form-select {
    flex: 1;
    min-width: 0;
    padding: 8px 12px;
    font-size: 1.3rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}
.home-location-form-submit {
    flex-shrink: 0;
    padding: 8px 20px;
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
    background: #c00;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.home-location-form-submit:hover {
    background: #a00;
}
@media (max-width: 768px) {
    .home-location-form-row {
        flex-wrap: wrap;
    }
    .home-location-form-select {
        flex: 1 1 100%;
    }
    .home-location-form-submit {
        width: 100%;
    }
}

/* চাকরি section – font sizes, image height, title max length */
.jobSection .jobSectionTitle {
    font-size: 2.4rem !important;
    line-height: 1.35 !important;
    margin-bottom: 16px;
}
.jobSection .jobSectionCardImage {
    height: 160px;
    overflow: hidden;
    border-radius: 5px;
}
.jobSection .jobSectionCardImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.jobSection .jobSectionCardCaption {
    padding-top: 10px;
}
.jobSection .jobSectionCardTitle {
    font-size: 1.5rem !important;
    line-height: 1.45 !important;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.jobSection .jobSectionCardTitle .shoulder {
    font-size: 1.25rem;
}
.jobSection .jobSectionCardTitle .dot {
    font-size: 0.5rem;
}
.jobSectionMobile .jobSectionMobileTitle {
    font-size: 1.6rem !important;
    font-weight: 700;
    line-height: 1.3;
}
.jobSectionMobile .mobileNewsHorizontalImage {
    height: 95px;
    min-height: 95px;
    overflow: hidden;
    flex-shrink: 0;
}
.jobSectionMobile .mobileNewsHorizontalImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jobSectionMobile .jobSectionMobileCardTitle {
    font-size: 1.35rem !important;
    line-height: 1.4 !important;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Four columns: শিক্ষাঙ্গন, ডাক্তার আছেন, বিজ্ঞান ও তথ্যপ্রযুক্তি, পরবাস – font sizes, image height, title clamp */
.fourCategorySection .fourColSectionTitle {
    font-size: 2rem !important;
    line-height: 1.35 !important;
    margin-bottom: 12px;
}
.fourCategorySection .fourColLeadImage {
    height: 140px;
    overflow: hidden;
    border-radius: 5px;
}
.fourCategorySection .fourColLeadImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.fourCategorySection .fourColLeadTitle {
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fourCategorySection .fourColLeadTitle .shoulder {
    font-size: 1.2rem;
}
.fourCategorySection .fourColLeadTitle .dot {
    font-size: 0.5rem;
}
.fourCategorySection .fourColListTitle {
    font-size: 1.4rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fourCategorySection .fourColListTitle .shoulder {
    font-size: 1.2rem;
}
.fourCategorySection .fourColListTitle .dot {
    font-size: 0.5rem;
}