/* Base CSS */

@font-face {

    font-family: 'SolaimanLipiNormal';

    src: url('fonts/solaiman-lipi.eot');

    src: url('fonts/solaiman-lipi.eot') format('embedded-opentype'),

         url('fonts/solaiman-lipi.woff') format('woff'),

         url('fonts/solaiman-lipi.ttf') format('truetype'),

         url('fonts/solaiman-lipi.html#SolaimanLipiNormal') format('svg');

	

	font-weight:normal;font-style:normal;

}

.alignleft {

    float: left;

    margin-right: 15px;

}

.alignright {

    float: right;

    margin-left: 15px;

}

.aligncenter {

    display: block;

    margin: 0 auto 15px;

}

a:focus { outline: 0 solid }

img {

    max-width: 100%;

    height: auto;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 0;

    font-weight: normal;

}

p{

	margin: 0;

}



ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

body {

    font-size: 20px;
	color: #000;
	width:100%;
	font-family: SolaimanLipiNormal;
    background: #fff;
	line-height: 24px;

}

a{ text-decoration: none }

a:hover { text-decoration: none }





/*======================================
		ThemesBazar col Start
======================================*/  
.themesBazar-1{
	max-width: 100%; 
	width: 100%;
	flex: 0 0 auto;
}

.themesBazar-2{
	max-width: 50%;
	width: 100%;
	flex: 0 0 auto;
}

.themesBazar-3{
	max-width: 33.33%;
	width: 100%;
	flex: 0 0 auto;
}

.themesBazar-4{
	max-width: 25%;
	width: 100%;
	flex: 0 0 auto;
}

.themesBazar-6{
	max-width: 16.66%;
	width: 100%;
	flex: 0 0 auto;
}


/*======================================
		ThemesBazar col End
======================================*/ 


.container, .container-lg, .container-md, .container-sm, .container-xl {

	max-width: 1280px;

}





                /*======================================

                    Themesbazar_header Section css-start

                ======================================*/  

.header {

	padding: 20px 0;

}



.header-datetime-card {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border: 1px solid #e5e9f0;
	border-radius: 10px;
	padding: 8px 20px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	margin: 5px auto;
	transition: all 0.3s ease;
}

.header-datetime-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}

.header-datetime-card .dt-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	line-height: 1.5;
}

.header-datetime-card .dt-top {
	font-size: 13.5px;
	color: #4b5563;
	margin-bottom: 3px;
}

.header-datetime-card .dt-loc {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	color: #374151;
}

.header-datetime-card .dt-loc i {
	color: #c82333;
	font-size: 16px;
	margin-right: 3px;
}

.header-datetime-card .dt-clock {
	display: inline-flex;
	align-items: center;
	font-weight: 700;
	color: #c82333;
	background: #fff1f2;
	padding: 1px 10px;
	border-radius: 20px;
	border: 1px solid #fecdd3;
	font-size: 13px;
	letter-spacing: 0.3px;
}

.header-datetime-card .dt-clock i {
	margin-right: 4px;
	font-size: 13px;
}

.header-datetime-card .dt-sep {
	color: #cbd5e1;
	font-weight: 400;
	margin: 0 2px;
}

.header-datetime-card .dt-main {
	font-size: 15.5px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 3px;
}

.header-datetime-card .dt-main i {
	color: #c82333;
	font-size: 17px;
	margin-right: 5px;
}

.header-datetime-card .dt-sub {
	font-size: 13px;
	color: #4b5563;
}

.header-datetime-card .dt-cal-badge {
	display: inline-flex;
	align-items: center;
	font-weight: 500;
}

.header-datetime-card .dt-cal-badge strong {
	color: #1f2937;
	font-weight: 600;
	margin-left: 2px;
}

.header-datetime-card .dt-cal-badge i {
	color: #c82333;
	margin-right: 4px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.header-datetime-card {
		margin: 12px auto;
		width: 100%;
		padding: 8px 10px;
	}
	.header-datetime-card .dt-main {
		font-size: 14px;
	}
	.header-datetime-card .dt-sub {
		font-size: 12px;
	}
}

.date {
	color: #000;
	font-size: 17px;
	margin-top: 15px;
	text-align: center;
}

.date > i {
	font-size: 20px;
	margin-left: 10px;
	margin-right: 3px;
	color: #9d0000;
}



.header-social {
	text-align: right;
	margin-top: 5px;
}

/* Modern Header Social Widget */
.header-social-box {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 4px 0;
	box-shadow: none;
	margin: 5px auto;
	transition: all 0.3s ease;
}

.header-social-box:hover {
	border: none;
	box-shadow: none;
}

.social-header-label {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: 600;
	color: #374151;
	margin-bottom: 8px;
	gap: 6px;
	letter-spacing: 0.2px;
}

.social-header-label .live-pulse {
	width: 8px;
	height: 8px;
	background-color: #e11d48;
	border-radius: 50%;
	display: inline-block;
}

.social-icons-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}

.social-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff !important;
	text-decoration: none;
	transition: transform 0.25s ease, opacity 0.25s ease;
	border: none !important;
	box-shadow: none !important;
	position: relative;
	overflow: hidden;
}

.social-btn svg {
	display: block;
	transition: transform 0.25s ease;
}

.social-btn:hover {
	transform: translateY(-2px) scale(1.06);
	opacity: 0.92;
	box-shadow: none !important;
}

.social-btn:hover svg {
	transform: scale(1.08);
}

/* Facebook Brand Style */
.social-btn.btn-facebook {
	background: #1877F2;
}

/* YouTube Brand Style */
.social-btn.btn-youtube {
	background: #FF0000;
}

/* X (formerly Twitter) Brand Style */
.social-btn.btn-x {
	background: #000000;
}

/* Email Brand Style */
.social-btn.btn-email {
	background: #EA4335;
}

@media (max-width: 767px) {
	.header-social-box {
		margin: 10px auto;
	}
}

	border-radius: 50%;

	transition: .8s all;

	border: 1px solid transparent;

	width: 38px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	margin-right: 5px;

}





.header-social a:nth-child(1) {

	background: #3b5998;

}



.header-social a:nth-child(1):hover {

	background: #eee;

	color: #3b5998;

	border: 1px solid #3b5998;

}



.header-social a:nth-child(2) {

	background: #c4302b;

}



.header-social a:nth-child(2):hover {

	background: #eee;

	color: #c4302b;

	border: 1px solid #c4302b;

}





.header-social a:nth-child(3) {

	background: #00acee;

}



.header-social a:nth-child(3):hover {

	background: #eee;

	color: #00acee;

	border: 1px solid #00acee;

}



.header-social a:nth-child(4):hover {

	background: #eee;

	color: #0e76a8;

	border: 1px solid #0e76a8;

}



.header-social a:nth-child(4) {

	background: #0e76a8;

}







.header-social a:nth-child(5):hover {

	background: #eee;

	color: #d6249f;

	border: 1px solid #d6249f;

}



.header-social a:nth-child(5) {

	background: #d6249f;

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

}









                /*======================================

                    Themesbazar_header Section css-End

                ======================================*/  


/*======================================
	Themesbazar_header2 Section css-Start
======================================*/  
.header2 {
	padding: 5px 0 20px;
}

.header-border2 {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 11px;
	margin-bottom: 13px;
}


.header-date2 {
	color: #000;
	font-size: 17px;
	margin-top: 15px;
	text-align: left;
}

.header-date2 > i {
	font-size: 20px;
	margin-left: 10px;
	margin-right: 3px;
	color: #9d0000;
}

.header2-social {
	text-align: right;
	margin-top: 8px;
}

.header2-social a {
	background: #ddd;
	display: inline-block;
	color: #fff;
	font-size: 17px;
	border-radius: 50%;
	transition: .8s all;
	border: 1px solid transparent;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-right: 5px;
}


.header2-social a:nth-child(1) {
	background: #3b5998;
}

.header2-social a:nth-child(1):hover {
	background: #eee;
	color: #3b5998;
	border: 1px solid #3b5998;
}

.header2-social a:nth-child(2) {
	background: #c4302b;
}

.header2-social a:nth-child(2):hover {
	background: #eee;
	color: #c4302b;
	border: 1px solid #c4302b;
}


.header2-social a:nth-child(3) {
	background: #00acee;
}

.header2-social a:nth-child(3):hover {
	background: #eee;
	color: #00acee;
	border: 1px solid #00acee;
}

.header2-social a:nth-child(4):hover {
	background: #eee;
	color: #0e76a8;
	border: 1px solid #0e76a8;
}

.header2-social a:nth-child(4) {
	background: #0e76a8;
}



.header2-social a:nth-child(5):hover {
	background: #eee;
	color: #d6249f;
	border: 1px solid #d6249f;
}

.header2-social a:nth-child(5) {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.logo2 img {
	width: 100%;
	height: auto;
	margin-top: 0px;
}

.banner2 img {
	width: 100%;
	height: auto;
}



/*======================================
	Themesbazar_header2 Section css-End
======================================*/  








                /*======================================

                        Logo & Menu Section css-End

                ======================================*/





.logo img {

	width: 100%;

	height: auto;

}



.sticky {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 9;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 9999;

}



.en {

	margin-top: -31px;

	margin-left: 89px;

}



.en a {

	background: #fff;

	color: #9d0000;

	text-transform: uppercase;

	padding: 5px 10px;

	display: inline-block;

	margin-top: 11px;

	font-size: 13px;

	font-weight: 600;

	letter-spacing: 1px;

	transition: .8s all;

	border-radius: 3px;

	line-height: 1;

}



.en a:hover{

    color: #000;

}





.clickMenu {

	max-width: 100%;

	position: absolute;

	left: 0;

	right: 0;

	width: 100%;

	z-index: -1;

	transition: .8s all;

	top: 45px;

	opacity: 0;

	visibility: hidden;

	height: 0;

	overflow: hidden;

}

.clickMenu.showMenu {

	position: absolute;

	top: 51px;

	z-index: 1;

	transition: .8s all;

	height: 100%;

	overflow: visible;

	opacity: 1;

	visibility: visible;

}



.menuIcon {

	font-size: 18px;

	color: #fff;

	cursor: pointer;

}





.menu-two {

	-webkit-column-count: 6;

	-moz-column-count: 6;

	column-count: 6;

	-webkit-column-gap: 20px;

	-moz-column-gap: 20px;

	column-gap: 20px;

	background: #fff;

	padding: 10px 45px 20px;

	position: relative;

	box-shadow: 0 2px 2px rgba(0,0,0,0.3);

}



.menu-two-wrpp {

	width: 100%;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

}



.menu-item-two ul li {

	padding-bottom: 6px;

}



.menu-item-two ul li a {

	color: #000;

	font-size: 16px;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	text-decoration: none;

}



#wrapper {

	margin-top: 13px;

}



.circle {

	width: 26px;

	height: 20px;

	position: relative;

	margin-top: -24px;

}





.menuIcon > span {

	margin-left: 22px;

}



.line {

	position: absolute;

	height: 2px;

	width:100%;

	background:white;

	border-radius:8px;

	transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.35s;

}

.top {

	top:18%;

}

.middle {

	top:48%;

}

.bottom {

	top:78%;

}

.icon.close .top {

	transform:rotate(45deg);

	top:48%;

}

.icon.close .middle, .icon.close .bottom {

	transform:rotate(-45deg);

	top:48%;

}











.searchBar {

	max-width: 30%;

	position: relative;

	opacity: 0;

	visibility: hidden;

	width: 100%;

	float: right;

	margin-top: -36px;

	z-index: -1;

	transition: .8s all;

}



.searchBar.showSearch {

	opacity: 1;

	visibility: visible;

	position: absolute;

	right: 26px;

	z-index: 999;



}



.searchIcon {

	float: right;

	margin-top: -36px;

	font-size: 20px;

	color: #fff;

	cursor: pointer;

}



.searchIcon i {

	line-height: 51px;

	transform: rotate(270deg);

}



.searchBar input[type="text"] {

	width: 100%;

	border: 2px solid #6f0707;

	height: 50px;

	font-size: 16px;

	outline: inherit;

	padding: 0 5px;

}



.searchBar input[type="submit"] {

	border: none;

	font-size: 16px;

	padding: 0 14px;

	background: transparent;

	color: #fff;

}



.searchBar button {

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	background: #6f0707;

	border: none;

	font-size: 17px;

	padding: 0 10px;

}





.remove {

	position: absolute;

	right: -6px;

	top: -14px;

	width: 18px;

	height: 18px;

	background: #6f0707;

	text-align: center;

	font-size: 9px;

	border-radius: 50%;

	line-height: 14px;

	color: #fff;

	cursor: pointer;

	border: 2px solid #860303;

}







                /*======================================

                        Logo & Menu Section css-End

                ======================================*/



/*========= Banner  start =============*/



.mobile_logo {

	display: none;

}



.logo img {

	width: 100%;

	height: auto;

}



.add-image {

	text-align: center;

}



/*****=========================

		Section one Start

=========================*****/

.section-one {

	padding: 20px 0;

	background: #f5f5f5;

	margin: 20px 0;

}



.secOne-wrpp {

	box-shadow: 0 0 2px #ddd;

	border-radius: 0 0 5px 5px;

	background: #fff;

}







.secOne-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secOne-image img {

	width: 100%;

	height: 305px;

	object-fit: cover;

	transition: .8s all;

}



.secOne-image img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secOne-title {

	padding: 8px 0 7px;

	line-height: 27px;

}



.secOne-title > a {

	color: #000;

	font-size: 27px;

	transition: .5s all;

}



.secOne-title > a:hover{

	color: #4D0000;

}



.secOne-detalis {

	text-align: justify;

}



.info-paddig {

	padding: 0 8px;

}



.secOne-wrpp2 {

	box-shadow: 0 0 2px #ddd;

	border-radius: 0 0 5px 5px;

	background: #fff;

	margin-bottom: 10px;

}



.secOne-image2 {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secOne-image2 img {

	width: 100%;

	height: 150px;

	object-fit: cover;

	transition: .8s all;

}



.secOne-image2 img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secOne-title2 {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secOne-title2 > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secOne-title2 > a:hover{

	color: #4D0000;

}





.secOne-content2 {

	column-count: 3;

	column-gap: 20px;

	margin-top: 10px;

}



.secOne-wrpp3 {

	box-shadow: 0 0 2px #ddd;

	border-radius: 0 0 5px 5px;

	background: #fff;

	margin-bottom: 10px;

	break-inside: avoid;

	break-inside: avoid-column;

	overflow: hidden;

	width: 100%;

}



.secOne-image3 {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secOne-image3 img {

	width: 100%;

	height: 150px;

	object-fit: cover;

	transition: .8s all;

}



.secOne-image3 img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secOne-title3 {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secOne-title3 > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secOne-title3 > a:hover{

	color: #4D0000;

}







.icon2 i {

	height: 45px;

	width: 45px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 32px;

	padding-left: 3px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secOne-wrpp3:hover .icon2 i {

	background: #fff;

	color: #9d0000;

}







.cat-meta {

	border-top: 1px solid #eee;

	padding-bottom: 9px;

	overflow: hidden;

	margin-top: 10px;

	padding-top: 2px;

}



.meta-right {

	float: right;

	margin-right: 8px;

}





.meta-right a:hover{

	color: #6f0707;

}



.videoIcon {

	position: absolute;

	top: 50%;

	left: 50%;

	right: 0;

	transform: translate(-50%,-50%);

	text-align: center;

}



.videoIcon2 {

	position: absolute;

	top: 50%;

	left: 50%;

	right: 0;

	transform: translate(-50%,-50%);

	text-align: center;

}



.icon1 i {

	height: 45px;

	width: 45px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 32px;

	padding-left: 3px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secOne-wrpp:hover .icon1 i {

	background: #fff;

	color: #9d0000;

}



/* sitebar section */

.sitebar-wrpp {

	margin-bottom: 10px;

	background: linear-gradient(to bottom,#127255,#1cab80b3);

}





.sitebar-item {

	padding: 10px;

}



.sitebar-image {

	position: relative;

	overflow: hidden;

	border-bottom: 1px dashed #ddd;

	padding-bottom: 4px;

	margin-bottom: 4px;

}



.sitebar-image img {

	width: 32%;

	float: left;

	margin-right: 5px;

	height: 70px;

	object-fit: cover;

}



.sitebar-title {

	line-height: 19px;

	margin-top: 4px;

}



.sitebar-title a {

	font-size: 18px;

	color: #fff;

	transition: .5s all;

}



.sitebar-title a:hover {

	color: #ff0;

}





.icon3 i {

	position: absolute;

	top: 46%;

	left: 13%;

	height: 30px;

	width: 30px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 26px;

	color: #fff;

	border-radius: 50%;

	font-size: 22px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

}



.sitebar-image:hover .icon3 i {

	background: #fff;

	color: #9a1515;

}



.more_siteber {

	float: right;

}



.more_siteber a {

	display: inline-block;

	color: #fff;

	font-size: 16px;

	transition: .5s all;

	margin-top: 2px;

	text-decoration: none;

}



.more_siteber a:hover {

	color: #ff0;

}







#home-tab {

	margin-bottom: 2px;

}



.tavs {

	overflow: scroll;

	max-height: 300px;

	overflow-x: hidden;

	background-color: #fff;

	padding: 2px;

	margin-bottom: 5px;

}









.nav-tabs .nav-link {

	border: none;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

	background: #d2d2d2;

	border-top: 3px solid #d2d2d2;

	font-size: 20px;

	color: #000;

	text-decoration: none;

	width: 50%;

}



#nav-home-tab {

	padding: 10px 10px;

	cursor: pointer;

	border-top: 3px solid #d2d2d2;

}



#nav-profile-tab {

	padding: 10px 10px;

	border-top: 3px solid #d2d2d2;

}



.tab-item {

	border-bottom: 1px dotted #8a8888;

	margin-bottom: 6px;

	padding-bottom: 6px;

	position: relative;

	overflow: hidden;

}



.tab-image img {

	width: 33%;

	float: left;

	height: 70px;

	margin-right: 6px;

	object-fit: cover;

	margin-left: 16px;

}

.tab_hadding {

	line-height: 18px;

}



.tab_hadding a {

	font-size: 18px;

	font-weight: 400;

	color: #000;

	text-decoration: none;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

}



.tab_hadding a:hover {

	color: #212121;

}



.conut {

	position: absolute;

	left: -2px;

	top: 17px;

	background: #000;

	width: 35px;

	height: 35px;

	line-height: 24px;

	color: #fff;

	font-size: 15px;

	font-weight: 600;

	text-align: center;

	border-radius: 50%;

	border: 4px solid #fff;

	padding-left: 1px;

}

.videoIcon-03 i {

	position: absolute;

	top: 45%;

	left: 17%;

	height: 35px;

	width: 35px;

	background: rgba(0,0,0,.14);

	/* transform: translate(-50%,-50%); */

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 31px;

	color: #fff;

	border-radius: 50%;

	font-size: 25px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

}



.tab-item:hover .videoIcon-03 i {

	background: #fff;

	color: #9d0000;

}





.wordpress-date {

	position: relative;

	margin-bottom: 10px;

}



.wordpress-date input[type="text"] {

	width: 100%;

	border: 1px solid #dddd;

	height: 40px;

	line-height: 40px;

	padding: 0 5px;

	color: #000;

	outline: inherit;

}



.wordpress-date input[type="submit"] {

	position: absolute;

	right: 0;

	height: 100%;

	top: 0;

	background: #00262f;

	border: none;

	color: #fff;

	padding: 0 10px;

}









.date_content {

	overflow: hidden;

	margin-bottom: 8px;

}



.last-date {

	margin: 0 3px;

	float: left;

}



.last-date select {

	width: 127px;

	border: 1px solid #d9d9d9;

	padding: 8px 10px;

	font-size: 16px;

	color: #333;

	margin-bottom: 12px;

	background: #eee;

}



.last-date select > option {

	border-radius: 15px;

}





.last-date input[type="submit"] {

	background: #00262f;

	padding: 8px 12px;

	font-size: 17px;

	color: #fff;

	border: none;

	text-align: center;

	transition: .8s;

	letter-spacing: 0.5px;

	margin-bottom: 15px;

	cursor: pointer;

}







/*****=========================

		Section one End

=========================*****/

.more_news {

	float: right;

	margin-bottom: 8px;

}



.more_news a {

	display: inline-block;

	color: #054502;

	font-size: 15px;

	transition: .5s all;

	margin-top: 2px;

	text-decoration: none;

}

.more_news a:hover {

	color: #6f0000;

}







/*****================================

		Section-two css-Start

================================*****/





.sce-twoCat {

	position: relative;

	overflow: hidden;

}



.sce-twoCat .themeBazar2::before {

	position: absolute;

	content: '';

	width: 100%;

	border-top: 6px solid #bdbcbc;

	top: 12px;

	display: inline-block;

	vertical-align: bottom;

}



.sce-twoCat .themeBazar2::after {

	position: absolute;

	content: '';

	width: 100%;

	border-top: 6px solid #bdbcbc;

	top: 20px;

	display: inline-block;

	vertical-align: bottom;

}



#pills-tab {



	overflow: hidden;

	margin: 25px 0 10px;

}



  

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

	color: #fff;

	background-color: #9a1515;

}



.nav-pills .nav-link {

	border-radius: 0;

	margin-right: 6px;

	background: #242424;

	color: #fff;

	font-size: 20px;

}

.sec-two-title {

	line-height: 22px;

	margin-top: 7px;

	margin-bottom: 0;

}



.sec-two-title a {

	font-size: 17px;

	color: #fff;

	text-decoration: none;

    transition: .5s all;

}



.sec-two-title a:hover{

    color: #ff0;

}

.section-two-image {

	position: relative;

	max-width: 100%;

}



.section-two-image img {

	max-width: 100%;

	height: 150px;

	object-fit: cover;

	object-position: top;

}



.mediam-icon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 45px;

	width: 45px;

	background: rgba(0,0,0,.14);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 37px;

	color: #fff;

	border-radius: 50%;

	font-size: 30px;

	padding-left: 4px;

	border: 3px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	-moz-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	transition: .8s all;

	z-index: 99;

}



.section-two-image:hover .mediam-icon i {

	background: #fff;

	color: #8B1010;

}



.secTwo-image:hover .mediam-icon i {

	background: #fff;

	color: #8B1010;

}



.secTwo-btn {

	position: absolute;

	right: 30px;

	bottom: 0;

}





.secTwo-btn a {

	background: #9a1515;

	color: #fff;

	position: relative;

	font-size: 18px;

	display: inline-block;

	padding: 9px 16px;

	text-decoration: none;

	transition: .5s all;

}



.secTwo-btn a:hover{

    color: #ff0;

}



.secTwo-btn a ::after {

	display: inline-block;

	content: '';

	border-bottom: 42px solid #9a1515;

	border-left: 38px solid transparent;

	height: 0;

	width: 68px;

	position: absolute;

	top: 0;

	right: 100%;

}







.sec-tow-list button.owl-prev {

	background: transparent !important;

	position: absolute;

	left: 0;

	top: 25%;

	z-index: 999;

	color: #e10e0e !important;

	font-size: 34px !important;

	outline: inherit;

	text-shadow: 0 3px 4px #333;

}



.sec-tow-list button.owl-next {

	background: transparent !important;

	position: absolute;

	right: 0;

	top: 25%;

	z-index: 999;

	color: #e10e0e !important;

	font-size: 34px !important;

	outline: inherit;

	text-shadow: 0 3px 4px #333;

}



.section-twoBg {

	background: #7d0808;

	padding: 29px 17px 27px;

	height: 100%;

	position: relative;

}





.sce-twoCat {

	position: relative;

	padding-left: 26px;

	margin-bottom: 12px;

}



.sce-twoCat a {

	font-size: 22px;

	text-decoration: none;

	color: #fff;

	margin-right: 10px;

}



.secTwo-image {

	position: relative;

}



.secTwo-image img {

	width: 100%;

	height: auto;

	border: 3px solid #fff;

}



.secTwo-title {

	line-height: 25px;

	margin-top: 13px;

	margin-bottom: 0;

}



.secTwo-title a {

	font-size: 19px;

	text-decoration: none;

	color: #fff;

    transition: .5s all;

}



.secTwo-title a:hover {

	color: #fbd35d;

}





.live_image {

	position: relative;

	border: 1px solid #ddd;

	padding: 3px;

	border-radius: 5px;

}

.live_image img{

	width: 100%;

	height: auto;

}



.live-icon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 44px;

	color: #fff;

	border-radius: 50%;

	font-size: 29px;

	padding-left: 2px;

	border: 3px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	cursor: pointer;

}



.live_image:hover .live-icon i {

	background: #fff;

	color: #8B1010;

}





.live {

	width: 11px;

	height: 11px;

	background: #fff;

	border-radius: 50%;

	text-align: center;

	-webkit-animation: animate 3s linear infinite;

	animation: animate 3s linear infinite;

    

}

.live {

	position: absolute;

	left: 5%;

	top: 11.5%;

	content: "";

}



@-webkit-keyframes animate{

    0%

    {

/*

        -webkit-box-shadow: 0 0 0 0 #f00,  0 0 0 0 #f00;

                box-shadow: 0 0 0 0 #f00,  0 0 0 0 #f00;

*/

    }

    

    40%

    {

      -webkit-box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #f00;

              box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #f00;

    }

    

    80%

    {

        -webkit-box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

                box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

    } 

    100%

    {

        -webkit-box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

                box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

    }

    

}





@keyframes animate{

    0%

    {

/*

        -webkit-box-shadow: 0 0 0 0 #fff,  0 0 0 0 #fff;

                box-shadow: 0 0 0 0 #fff,  0 0 0 0 #fff;

*/

    }

    

    40%

    {

      -webkit-box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #fff;

              box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 0 #fff;

    }

    

    80%

    {

        -webkit-box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

                box-shadow: 0 0 0 50px rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

    } 

    100%

    {

        -webkit-box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

                box-shadow: 0 0 0 0 rgba(255, 109,74,0), 0 0 0 30px rgba(255, 109,74,0);

    }

    

} 





/*****================================

	Section-two css-End

================================*****/









/*****================================

	Section Three start

================================*****/

.section-three {

	padding: 20px 0;

}



.secThee-content {

	column-count: 4;

	column-gap: 20px;

}



.secThee-wrpp {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

}



.secThee-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secThee-image img {

	width: 100%;

	height: 170px;

	object-fit: cover;

	transition: .8s all;

}



.secThee-image img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secThee-title {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secThee-title > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secThee-title > a:hover {

	color: #9d0000;

}



.cat-meta2 {

	border-top: 1px solid #fff;

	padding-bottom: 9px;

	overflow: hidden;

	margin-top: 10px;

	padding-top: 2px;

}





.meta-left a {

	padding-left: 7px;

	color: #333;

	font-size: 14px;

	transition: .5s all;

	line-height: 1;

}



.meta-left i {

	font-size: 15px;

}



.meta-left a:hover{

	color: #4D0000;

}



.icon4 i {

	height: 45px;

	width: 45px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 32px;

	padding-left: 3px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secThee-image:hover .icon4 i {

	background: #fff;

	color: #9d0000;

}



/*****================================

	Section Three End

================================*****/







.themesbazar_cat3 a {

	color: #040404;

	font-size: 19px;

}

.themesbazar_cat3 span2 {

	padding: 8px 8px 0 0;

	margin-right: -10px;

	margin-top: -7px;

	float: right;

	font-size: 18px;

}







/*****================================

	Section Four Start

================================*****/

.section-four {

	padding: 20px 0;

}



.themesBazar_cat {

	position: relative;

	overflow: hidden;

}

.themesBazar_cat a {

	display: inline-block;

	color: #000;

	font-size: 21px;

	text-decoration: none;

	padding: 0 10px 0 0;

	margin-top: 12px;

	margin-bottom: 12px;

}

.themesBazar_cat .themeBazar::before {

	position: absolute;

	content: '';

	width: 100%;

	border-top: 6px solid #d9d9d9;

	top: 17px;

	display: inline-block;

	vertical-align: bottom;

}

.themesBazar_cat .themeBazar::after {

	position: absolute;

	content: '';

	width: 100%;

	border-top: 6px solid #d9d9d9;

	top: 25px;

	display: inline-block;

	vertical-align: bottom;

}





.secFour-wrpp {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

}



.secFour-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secFour-image img {

	width: 100%;

	height: 225px;

	object-fit: cover;

	transition: .8s all;

}



.secFour-image img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secFour-title {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secFour-title > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secFour-title > a:hover {

	color: #9d0000;

}



.secFour-image2 {

	position: relative;

	overflow: hidden;

	border-bottom: 1px solid #f2f0f0;

	padding-bottom: 4px;

	margin-bottom: 4px;

}



.secFour-image2 img {

	width: 31%;

	float: left;

	margin-right: 5px;

	height: 72px;

	object-fit: cover;

	border: 1px solid #ddd;

	padding: 1px;

}

.secFour-title2 {

	line-height: 19px;

	overflow: hidden;

}



.secFour-title2 a {

	font-size: 18px;

	color: #000;

	transition: .5s all;

}



.secFour-title2 a:hover {

	color: #9d0000;

}



.meta {

	margin-top: 2px;

}



.meta a {

	color: #333;

	font-size: 13px;

	transition: .5s all;

	line-height: 1;

}



.meta i {

	font-size: 12px;

}



.meta a:hover{

	color: #4D0000;

}



.secFour-content {

	column-count: 4;

	column-gap: 20px;

}



.secFour-wrpp3 {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

}



.secFour-image3 {

	position: relative;
	max-width: 100%;

	overflow: hidden;

}

.secFour-image3 img {

	width: 100%;

	height: 120px;

	object-fit: cover;

	transition: .8s all;

}



.secFour-image3 img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secFour-title3 {

	padding: 5px 0 7px;

	line-height: 21px;

}

.secFour-title3 > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}







.division {

	background: #eff3f4;

	padding: 22px 20px;

	margin-top: 10px;

}



.input-division {

	text-align: center;

}



.input-division select {

	width: 42%;

	float: left;

	margin: 0 12px;

	padding: 10px;

	font-size: 17px;

	border: 1px solid #ddd;

	color: #333;

}



.input-division input[type="submit"] {

	width: auto;

	padding: 5px 20px 5px;

	border: 1px solid #e74c4f;

	background: #e74c4f;

	color: #fff;

	font-size: 16px;

	border-radius: 5px;

	margin-top: 14px;

	cursor: pointer;

	transition: .5s all;

	box-shadow: rgba(0,0,0,.1) 0 1px 2px;

}







.icon5 i {

	position: absolute;

	top: 46%;

	left: 12%;

	height: 30px;

	width: 30px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 26px;

	color: #fff;

	border-radius: 50%;

	font-size: 22px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	/* z-index: 99; */

}



.secFour-image2:hover .icon5 i {

	background: #fff;

	color: #9d0000;

}



/*****================================

	Section Four End

================================*****/





/***=================================

           Section Six Start   

==================================***/

.section-five {

	padding: 20px 0;

	background: #f5f5f5;

	margin: 20px 0;

}



.secFive-wrpp {

	background: #fff;

}



.secFive-image {

	position: relative;

	max-width: 100%;

	margin-bottom: 5px;

}



.secFive-image img {

	width: 100%;

	height: 170px;

	object-fit: cover;

}



.secFive-title {

	padding: 3px 4px 7px;

	line-height: 17px;

	border-bottom: 1px dashed #ddd;

}



.secFive-title a {

	font-size: 21px;

	color: #000;

	font-weight: 400;

	transition: .5s all;

}



.secFive-title a:hover {

	color: rgb(85, 7, 7);

}



.secFive-title2 {

	overflow: hidden;

	border-bottom: 1px dashed#ddd;

	padding: 5px 4px 7px;

	line-height: 21px;

	margin-bottom: -1px;

}



.secFive-title2 a {

	display: inline-block;

	font-size: 17px;

	color: #000;

	transition: .5s all;

}



.secFive-title2 a:hover {

	color: #6f0000;

}



.icon6 i {

	height: 45px;

	width: 45px;

	line-height: 39px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 31px;

	padding-left: 5px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secFive-wrpp:hover .icon6 i {

	background: #fff;

	color: #9d0000;

}



.more_news2 a {

	display: block;

	text-align: center;

	font-size: 16px;

	border: none;

	padding: 5px;

	color: #000;

	background: #f6f6f6;

	-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);

	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);

	-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);



}



/*****=================================

           Section Five End   

==================================*****/





/*****=================================

           Section Six Start   

==================================*****/

.section-six {

	padding: 20px 0;

}

.secSix-wrpp {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

}



.secSix-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}



.secSix-image img {

	width: 100%;

	height: 225px;

	object-fit: cover;

	transition: .8s all;

}



.secSix-image img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secSix-title {

	padding: 5px 0 7px;

	line-height: 21px;

}



.secSix-title > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secSix-title > a:hover {

	color: #6f0000;

}



.secSix-content {

	column-count: 4;

	column-gap: 20px;

}



.secSix-wrpp2 {

	background: #f1f1f1;

	margin-bottom: 17px;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

}



.secSix-image2 {

	position: relative;

	max-width: 100%;

	overflow: hidden;

}

.secSix-image2 img {

	width: 100%;

	height: 120px;

	object-fit: cover;

	transition: .8s all;

}



.secSix-image2 img:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.secSix-title2 {

	padding: 5px 0 7px;

	line-height: 21px;

}

.secSix-title2 > a {

	color: #000;

	font-size: 19px;

	transition: .5s all;

}



.secSix-title2 > a:hover{

	color: #771108;

}



.icon7 i {

	height: 45px;

	width: 45px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 32px;

	padding-left: 3px;

	border: 3px solid #fff;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	cursor: pointer;

	transition: .5s all;

	font-weight: bold;

}



.secSix-wrpp:hover .icon7 i {

	background: #fff;

	color: #9d0000;

}

.secSix-wrpp2:hover .icon7 i {

	background: #fff;

	color: #9d0000;

}









.default-wrpp {

	background: #333;

}

.default-image {

	position: relative;

	max-width: 100%;

}



.default-image img {

	width: 100%;

	height: 225px;

	object-fit: cover;

	transition: .8s all;

}






.default-title > a {

	color: #fff;

	font-size: 22px;

	transition: .5s all;

}

.default-title > a:hover {

	color: #f7bb07;

}



.default-image2 {

	position: relative;

	overflow: hidden;

	border-bottom: 1px dashed #828080;

	padding-bottom: 8px;

	margin-bottom: 8px;

}



.default-image2 img {

	width: 30%;

	float: left;

	margin-right: 7px;

	height: 70px;

	object-fit: cover;

	margin-left: 8px;

}



.default-title2 a {

	font-size: 18px;

	color: #fff;

	transition: .5s all;

}



.default-title2 > a:hover {

	color: #f7bb07;

}







.default_news a:hover {

	background: #333;

	box-shadow: 0 -2px 5px #3e3c3c;

}



.icon9 i {

	position: absolute;

	top: 44%;

	left: 13%;

	height: 30px;

	width: 30px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 26px;

	color: #fff;

	border-radius: 50%;

	font-size: 22px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.default-image2:hover .icon9 i {

	background: #fff;

	color: #9d0000;

}



/*****=================================

           Section Six End   

==================================*****/



/*****=================================

           Section Seven Start   

==================================*****/

.section-seven {

	padding: 20px 0;

}

.secSeven-wrpp {

	background: #f5f5f5;

}



.secSeven-wrpp .more_news2 a {

	box-shadow: inherit;

}



.secSeven-wrpp:hover .icon6 i {

	background: #fff;

	color: #9d0000;

}

/*****=================================

           Section Seven End   

==================================*****/











/*****=================================

        themesBazar_photo_video Start   

==================================*****/

.themesBazar_photo_video {

	padding: 20px 0 30px;

	background: #f6f6f6;

	margin: 20px 0;

}



.latest-wrpp {

	border: 1px solid #ddd;

}





.latest-image {

	position: relative;

	overflow: hidden;

	border-bottom: 1px solid #e3e2e2;

	padding-bottom: 10px;

	margin-bottom: 4px;

}



.latest-image img {

	width: 30%;

	float: left;

	margin-right: 5px;

	height: 68px;

	object-fit: cover;

	margin-left: 10px;

	margin-top: 5px;

}



.latest-title {

	line-height: 19px;

	margin-top: 7px;

}



.latest-title a {

	font-size: 18px;

	color: #000;

	transition: .5s all;

}



.latest-title a:hover {

	color: #9d0000;

}



.latest-image:hover .icon3 i {

	background: #fff;

	color: #9d0000;

}





/*****=================================

           themesBazar_photo_video End   

==================================*****/





                                        /*======================================

                                                Footer area css-Start

                                        ======================================*/



.footer-border {

	border-bottom: 1px solid #333;

	margin-bottom: 20px;

}



.footerMenu-content {

	column-count: 4;

	column-gap: 20px;

}



.footerMenu-wrpp {

	overflow: hidden;

	break-inside: avoid;

	margin-bottom: 20px;

	text-align: center;

}



.footerMenu-wrpp ul > li > a {

	display: inline-block;

	color: #fff;

	font-size: 18px;

	margin-bottom: 0px;

	transition: .5s all;

	font-weight: 400;

}



.footerMenu-wrpp ul > li > a:hover {

	color: #ffa500;

}



/* Compact, Clean & Simple Footer Editorial & Info Section */
.editorial_content {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #1c1c1c;
}

.footer-title-compact {
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	letter-spacing: 0.2px;
}

.footer-title-compact::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 13px;
	background: #e11d48;
	border-radius: 2px;
}

.footer-info-compact {
	font-size: 13px;
	line-height: 1.6;
	color: #9ca3af;
}

.footer-info-compact p {
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 1.6;
	color: #d1d5db;
}

.footer-info-compact p:last-child {
	margin-bottom: 0;
}

.footer-info-compact .ft-icon {
	color: #ef4444;
	font-size: 14px;
	margin-right: 4px;
	vertical-align: middle;
}

.footer-info-compact .ft-label {
	color: #9ca3af;
}

.footer-info-compact .ft-val {
	color: #f3f4f6;
	font-weight: 600;
}

.footer-info-compact a {
	color: #e5e7eb;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer-info-compact a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.footer-menu-compact {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.footer-menu-compact .ft-chip {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	font-size: 12.5px;
	font-weight: 500;
	color: #9ca3af;
	background: #171717;
	border: 1px solid #262626;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.footer-menu-compact .ft-chip:hover {
	background: #222222;
	border-color: #404040;
	color: #ffffff;
}

.copy_right_section {
	border-top: 1px solid #1c1c1c;
	margin-top: 16px;
	padding-top: 16px;
	margin-bottom: 30px;
}



.copy-right {

	color: #fff;

	font-weight: 400;

	font-size: 16px;

}



.design-developed {

	text-align: right;

	color: #fff;

	font-size: 16px;

}

.design-developed a {

	text-decoration: none;

	color: #fff;

	font-size: 17px;

	font-weight: 700;

}



.scrollToTop {

	width: 60px;

	height: 60px;

	background: #860707;

	position: fixed;

	right: 25px;

	bottom: 70px;

	z-index: 9999;

	border-radius: 50px;

}







 /*--------- bottom footer css-End---------------*/





  

 .footer-scrool {

	position: fixed;

	background: #6f0000;

	color: #fff;

	z-index: 99;

	overflow: hidden;

	bottom: 0;

	left: 0;

	right: 0;

}



.footer-scrool-1 {

	float: left;

	width: auto;

	background: #000;

	padding: 6px 10px;

	font-size: 18px;

	position: absolute;

	z-index: 99;

	height: 100%;

}



.footer-scrool-2 {

	height: 36px;

	font-size: 16px;

	line-height: 36px;

}



.footer-scrool-2 a {

	color: #fff;

    text-decoration: none;

	font-size: 16px;

	margin-right: 12px;

	display: inline-block;

}







                                        /*======================================

                                                 Footer area css-End

                                        ======================================*/





/*============popup cart css start =============*/

.popup-wrpp{

	position: relative;

}



.quick-image img {

	width: 100%;

}



#mymodal {

	position: relative;

	background-color: #FFF;

	max-width: 900px;

	margin: 0 auto;

	padding: 20px;

	box-shadow: 0 0 8px #333;

	border-radius: 5px;

	transition: .8s all;

}





.mfp-close-btn-in .mfp-close {

	background: #212121;

	width: 30px;

	height: 30px;

	line-height: 25px;

	opacity: inherit;

	color: #fff;

	text-align: center;

	position: absolute;

	right: -5px;

	top: -8px;

	border: 3px solid #fff;

	border-radius: 50%;

	box-shadow: 0 0 10px #333;

	padding-right: 0;

}   



/* Magnific popup modal End */





/*****=================================

	Single page css start

=============================*****/

.single-page {

	background: #f1f1f1;

	padding: 20px 0;

	margin: 20px 0;

}



.white {

	background: #fff;

	padding: 20px;

}



.cat-info {

	background: #e9ecef;

	padding: 12px 15px;

	border-radius: 5px;

}



.cat-info ul li {

	display: inline-block;

}



.cat-info i {

	font-size: 19px;

	color: #9d0000;

}



.cat-info ul li a {

	color: #777171;

	font-size: 17px;

}



.single-title {

	font-size: 30px;

	color: #950606;

	padding: 10px 0;

}



.reporter-name a {

	font-size: 14px;

	color: #212121;

	transition: .5s all;

}



.report-date {

	font-size: 13px;

	color: #999;

	line-height: 1;

}



.report-date i {

	color: #c4302b;

}





.single-social {

	text-align: right;

}



.single-social a {

	background: #ddd;

	display: inline-block;

	color: #fff;

	font-size: 17px;

	border-radius: 50%;

	transition: .8s all;

	border: 1px solid transparent;

	width: 38px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	margin-right: 5px;

}





.single-social a:nth-child(1) {

	background: #3b5998;

}



.single-social a:nth-child(1):hover {

	background: #eee;

	color: #3b5998;

	border: 1px solid #3b5998;

}





.single-social a:nth-child(2) {

	background: #00acee;

}



.single-social a:nth-child(2):hover {

	background: #eee;

	color: #00acee;

	border: 1px solid #00acee;

}



.single-social a:nth-child(3):hover {

	background: #eee;

	color: #0e76a8;

	border: 1px solid #0e76a8;

}



.single-social a:nth-child(3) {

	background: #0e76a8;

}





.single-social a:nth-child(4):hover {

	background: #eee;

	color: #d6249f;

	border: 1px solid #d6249f;

}



.single-social a:nth-child(4) {

	background: #d6249f;

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

}

.single-social a:nth-child(5):hover {

	background: #eee;

	color: #000;

	border: 1px solid #000;

}



.single-social a:nth-child(5) {

	background: #000;

}









.singlePage-image {

	max-width: 100%;

	position: relative;

}



.singlePage-image img {

	width: 100%;

	height: auto;

}





.single-details {

	text-align: justify;

	line-height: 32px;

	margin-top: 5px;

	color: #000;

}



.singleIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 60px;

	width: 60px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 50px;

	color: #fff;

	border-radius: 50%;

	font-size: 40px;

	padding-left: 3px;

	border: 3px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.singlePage-image:hover .singleIcon i {

	background: #fff;

	color: #9d0000;

}



.author-title {

	margin-top: 20px;

	margin-bottom: 10px;

}



.author-border {

	border: 1px solid #999;

	overflow: hidden;

	padding: 30px 40px;

	margin-bottom: 10px;

}

.author-image img {

	width: 100px;

	height: 100px;

	object-fit: cover;

	border-radius: 50%;

	float: left;

	margin-right: 40px;

}



.author-content {

	overflow: hidden;

	margin-top: 16px;

}



.author-report a {

	margin-bottom: 10px;

	display: inline-block;

	color: #0056b3;

}



.author-cat a {

	background: #860707;

	padding: 10px 20px;

	display: inline-block;

	color: #fff;

	border-radius: 50px;

	line-height: 1;

	font-size: 16px;

}





.related {

	position: relative;

	overflow: hidden;

	padding: 5px 0 5px 15px;

	/* margin: 0; */

	font-size: 20px;

}

.related::before {

	position: absolute;

	content: '';

	width: 100%;

	height: 12px;

	background: #000;

	z-index: 99;

	left: 0;

	top: 7px;

}



.related::after {

	position: absolute;

	content: '';

	width: 100%;

	height: 5px;

	background: #000;

	z-index: 99;

	top: 21px;

	left: 0;

}



.related span.eee {

	background: #eee;

	z-index: 999;

	position: relative;

	padding: 0 10px;

}



.related-content {

	column-count: 4;

	column-gap: 17px;

	margin-top: 10px;

	margin-bottom: 20px;

}



.related-wrpp {

	box-shadow: 0 0 2px #ddd;

	border-radius: 0 0 5px 5px;

	background: #fff;

	margin-bottom: 10px;

	overflow: hidden;

	width: 100%;

	break-inside: avoid;

	break-inside: avoid-column;

}



.related-image {

	position: relative;

	max-width: 100%;

}



.related-image img {

	width: 100%;

	height: 120px;

	object-fit: cover;

}



.related-title {

	padding: 3px 8px 7px;

	line-height: 19px;

}



.related-title > a {

	color: #000;

	font-size: 17px;

	transition: .5s all;

}



.related-meta {

	border-top: 1px solid #ddd;

	padding-bottom: 9px;

	overflow: hidden;

	margin-top: 10px;

	padding-top: 2px;

}



.related-meta a {

	padding-left: 7px;

	color: #333;

	font-size: 14px;

	transition: .5s all;

	line-height: 1;

}



.related-meta a:hover {

	color: #4D0000;

}



.relatedIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 40px;

	width: 40px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 34px;

	color: #fff;

	border-radius: 50%;

	font-size: 28px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.related-wrpp:hover .relatedIcon i {

	background: #fff;

	color: #9d0000;

}





/* popular item start */



.popular-item {

	background: #fff;

	padding: 3px 10px 5px;

	margin-bottom: 15px;

}



.popular-item ul li {

	padding: 10px 0;

	border-bottom: 1px dotted #646464;

}

.popular-item ul li:last-child{

	border: none;

}



.popular-item ul li a {

	color: #000;

	transition: .5s all;

	font-size: 17px;

}



.popular-item ul li a:hover {

	color: #860707;

}



/* popular item End */



/* most popular item Start */

.most-popular {

	background: #fff;

}



.mostPopular-title {

	padding: 6px 9px 10px;

}



.mostPopular-title a {

	font-size: 18px;

	color: #333;

	transition: .5s all;

}



.mostPopular-title a:hover {

	color: #6f0000;

}



.most-popularImage {

	position: relative;

	max-width: 100%;

}



.popularIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 40px;

	width: 40px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 34px;

	color: #fff;

	border-radius: 50%;

	font-size: 28px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.most-popularImage:hover .popularIcon i {

	background: #fff;

	color: #9d0000;

}



.mostPopular-content {

	column-count: 2;

	column-gap: 15px;

	padding: 0 20px 20px;

}



.mostPopular-wrpp {

	width: 100%;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

	margin-bottom: 15px;

}



.mostPopular-title2 {

	line-height: 18px;

	margin-top: 2px;

	padding: 2px;

}



.most-popularImage2 {

	position: relative;

	max-width: 100%;

}



.most-popularImage2 img {

	width: 100%;

	height: 100px;

	object-fit: cover;

}



.mostPopular-title2 a {

	font-size: 16px;

	color: #000;

	transition: .5s all;

}



/* most popular item End */









.recommened_content {

	column-count: 2;

	column-gap: 15px;

}



.recommened_wrpp {

	width: 100%;

	overflow: hidden;

	break-inside: avoid;

	break-inside: avoid-column;

	margin-bottom: 15px;

}



.recommened-title {

	line-height: 16px;

	padding: 5px 4px 5px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(0,0,0,0.5);

}





.recommened-image {

	position: relative;

	max-width: 100%;

}



.recommened-image img {

	width: 100%;

	height: 110px;

	object-fit: cover;

}



.recommened-title a {

	font-size: 14px;

	color: #fff;

	transition: .5s all;

}



.recommened-title a:hover{

	color: #ff0;

}



.recommenedIcon i {

	position: absolute;

	top: 32%;

	left: 50%;

	height: 30px;

	width: 30px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 24px;

	color: #fff;

	border-radius: 50%;

	font-size: 23px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.recommened-image:hover .recommenedIcon i {

	background: #fff;

	color: #9d0000;

}



/*****=================================

	Single page css End

=============================*****/





/*****=================================

	Archive page css start

==================================*****/



.archive-page {

	background: #f1f1f1;

	padding: 20px 0;

	margin: 20px 0;

}



.archive-bg {

	background: #fff;

	overflow: hidden;

	margin-top: 13px;

}



.archive-image {

	position: relative;

	max-width: 100%;

}



.archive-image img {

	width: 50%;

	height: 240px;

	float: left;

	margin-right: 10px;

}



.archive-title {

	line-height: 26px;

	padding: 7px 0 5px;

}



.archive-title a {

	font-size: 20px;

	color: #000;

	transition: .5s all;

}



.archive-wrpp {

	margin-top: 15px;

}



.archive-items {

	background: #fff;

	overflow: hidden;

	margin-bottom: 18px;

}

.archive-image2 {

	position: relative;

	max-width: 100%;

}



.archive-image2 img {

	width: 40%;

	height: 92px;

	float: left;

	margin-right: 8px;

}



.archive-title2 {

	line-height: 22px;

	padding: 6px 0 5px;

}

.archive-title2 a {

	font-size: 17px;

	color: #000;

	transition: .5s all;

}





.archiveIcon-02 i {

	position: absolute;

	top: 57%;

	left: 16%;

	height: 35px;

	width: 35px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 31px;

	color: #fff;

	border-radius: 50%;

	font-size: 25px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.archive-items:hover .archiveIcon-02 i {

	background: #fff;

	color: #9d0000;

}



.archive-btn {

	margin-top: 20px;

}



.archive-btn > a {

	display: inline-block;

	width: 100%;

	background: #ac0e0e;

	text-align: center;

	padding: 10px;

	color: #fff;

	font-size: 19px;

	transition: .5s all;

}



.archiveIcon i {

	position: absolute;

	top: 69%;

	left: 21%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 41px;

	color: #fff;

	border-radius: 50%;

	font-size: 31px;

	padding-left: 3px;

	border: 3px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.archive-image:hover .archiveIcon i {

	background: #fff;

	color: #9d0000;

}





/*****=================================

	Archive page css End

==================================*****/





/*****=================================

	Author page css Start

==================================*****/

.author-page {

	background: #f1f1f1;

	padding: 20px 0;

	margin: 20px 0;

}



.authorPage-content {

	background: #fff;

	padding: 20px;

	overflow: hidden;

}

.author-wrpp {

	border-bottom: 1px solid #ddd;

	overflow: hidden;

	padding-bottom: 10px;

	margin-bottom: 10px;

}



.authorPage-title {

	padding: 4px 0;

	margin-top: -4px;

	line-height: 22px;

}



.authorPage-title > a {

	color: #ac0e0e;

	font-size: 20px;

	transition: .5s all;

}  



.author-date {

	font-size: 13px;

	color: #959595;

	margin-bottom: 5px;

	line-height: 1;

	margin-top: 2px;

}



.author-details {

	color: #333;

	font-size: 15px;

	text-align: justify;

}



.authorPage-image {

	position: relative;

	max-width: 100%;

	overflow: hidden;

	margin-bottom: 10px;

	border-bottom: 1px solid #ddd;

	padding-bottom: 10px;

}



.authorPage-image img {

	width: 20%;

	float: left;

	margin-right: 10px;

	height: 140px;

	object-fit: cover;

}

.authorIcon1 i {

	position: absolute;

	top: 48%;

	left: 9%;

	height: 35px;

	width: 35px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translateY(-50%);

	text-align: center;

	line-height: 31px;

	color: #fff;

	border-radius: 50%;

	font-size: 25px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}

.authorPage-image:hover .authorIcon1 i {

	background: #fff;

	color: #9d0000;

}









/*****=================================

	Author page css End

==================================*****/





/*****=================================

	Team page css Start

==================================*****/

.team-section {

	padding: 40px 0;

}



.team-wrpp {

	box-shadow: 0 0 10px #ddd;

	background: #fff;

	padding: 15px;

	margin: 10px 0;

	border-radius: 15px;

	text-align: center;

}



.team-image img {

	width: 100%;

	height: auto;

	object-fit: cover;

	object-position: top;

}


.team-name {

	line-height: 1;

	margin-bottom: 10px;

}



.team-name > a {

	font-size: 25px;

	color: #000;

	transition: .5s all;

}

.team-name > a:hover{

	color: #890707;

}



.team-deg {

	font-size: 19px;

	color: #890707;

	margin-bottom: 10px;

}



/*****=================================

	Team page css End

==================================*****/







/*==============Single Team-page css Start ====================*/

.single-team {

	margin: 50px 0;

}



.single-teamContent {

	box-shadow: 0 0 20px #ddd;

	padding: 50px 0;

	position: relative;

	margin: 0 85px;

}

.single-teamContent::before {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 15%;

	background: #212121;

	z-index: -1;

}

.singel-teamImage {

	text-align: center;

}



.singel-teamImage img {

	width: 70%;

	height: 350px;

	object-fit: cover;

}





.team-singleItem {

	padding: 0 50px 0 0;

}



.single-deg {

	font-size: 17px;

	color: #9d0000;

	margin-bottom: 13px;

	font-weight: 500;

	text-transform: capitalize;

}



.tSingle-name {

	font-size: 25px;

	font-weight: 700;

	margin-bottom: 15px;

}





.team-details {

	color: #999;

	font-weight: 300;

	line-height: 25px;

	font-size: 17px;

	margin-bottom: 20px;

}

.single-Tsocial > a {

	display: inline-block;

	width: 50px;

	height: 50px;

	line-height: 52px;

	background: #fff;

	text-align: center;

	font-size: 20px;

	border-radius: 50%;

	margin-right: 8px;

	color: #f00;

	box-shadow: 0 0 10px #ddd;

}



.single-Tsocial > a:nth-child(1){

	color: #3b5998;

}

.single-Tsocial > a:nth-child(2){

	color: #00acee;

}

.single-Tsocial > a:nth-child(3){

	color: #0e76a8;

}

.single-Tsocial > a:nth-child(4){

	color: #d6249f;

}



/*==============Single-page css End ====================*/









/*===============Date Page css Start============*/

.date-page {

	padding: 40px 0;

}



.date-page-content {

	column-count: 4;

	column-gap: 17px;

}



.date-page-wrpp {

	overflow: hidden;

	width: 100%;

	break-inside: avoid;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 17px;

}





.date-image {

	position: relative;

}



.date-image img {

	width: 100%;

	height: auto;

}



.datePage-title {

	padding: 6px 9px 10px;

	line-height: 22px;

	margin: 0;

}



.datePage-title a {

	font-size: 20px;

	color: #000;

	text-decoration: none;

    transition: .5s all

}



.datePage-title a:hover {

	color: #510303;

}







.date-meta {

	border-top: 1px solid #ddd;

	padding-top: 2px;

	padding-bottom: 5px;

	padding-left: 8px;

}



.date-meta a {

	color: #868686;

	font-size: 12px;

	text-decoration: none;

}





.date-icon i {

	position: absolute;

	top: 48%;

	left: 49%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 46px;

	color: #fff;

	border-radius: 50%;

	font-size: 30px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	-moz-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	transition: .8s all;

	z-index: 99;

}

.date-image:hover .date-icon i {

	background: #fff;

	color: #8B1010;

}

/*===============Date Page css End============*/





/*===============Search Page css Start============*/

.search-page {

	padding: 40px 0;

}



.search-page-content {

	column-count: 4;

	column-gap: 17px;

}



.search-page-wrpp {

	overflow: hidden;

	width: 100%;

	break-inside: avoid;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 17px;

}





.search-image {

	position: relative;

}



.search-image img {

	width: 100%;

	height: auto;

}



.searchPage-title {

	padding: 6px 9px 10px;

	line-height: 22px;

	margin: 0;

}



.searchPage-title a {

	font-size: 20px;

	color: #000;

	text-decoration: none;

    transition: .5s all

}



.searchPage-title a:hover {

	color: #510303;

}







.search-meta {

	border-top: 1px solid #ddd;

	padding-top: 2px;

	padding-bottom: 5px;

	padding-left: 8px;

}



.search-meta a {

	color: #868686;

	font-size: 12px;

	text-decoration: none;

}



.search-icon i {

	position: absolute;

	top: 48%;

	left: 49%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 46px;

	color: #fff;

	border-radius: 50%;

	font-size: 30px;

	padding-left: 4px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px gray;

	-moz-box-shadow: 0 0 30px 2px gray;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	transition: .8s all;

	z-index: 99;

}



.search-image:hover .search-icon i {

	background: #fff;

	color: #8B1010;

}

/*===============Search Page css End============*/





/*===============Create Page css Start============*/

.create-page {
	padding: 25px 0 60px;
	background: #ffffff;
}

.create-page-breadcrumb {
	font-size: 14px;
	color: #64748b;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.create-page-breadcrumb a {
	color: #c82333;
	text-decoration: none;
	font-weight: 500;
}

.create-page-breadcrumb a:hover {
	text-decoration: underline;
}

.create-pageTitle {
	font-size: 30px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e2e8f0;
	position: relative;
}

.create-pageTitle::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 60px;
	height: 2px;
	background: #c82333;
}

.create-page-image img {
	width: 50%;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
}

.create-page-details {
	color: #334155;
	font-size: 16px;
	line-height: 1.85;
	text-align: left;
}

.create-page-details h2 {
	color: #0f172a;
	font-size: 22px;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 1px solid #edf2f7;
}

.create-page-details h3 {
	color: #1e293b;
	font-size: 18px;
	font-weight: 600;
	margin-top: 22px;
	margin-bottom: 10px;
}

.create-page-details p {
	margin-bottom: 16px;
	line-height: 1.85;
}

.create-page-details ul, .create-page-details ol {
	margin-bottom: 22px;
	padding-left: 24px;
}

.create-page-details li {
	margin-bottom: 10px;
	line-height: 1.75;
}

.page-highlight-box {
	background: #fff8f8;
	border-left: 4px solid #c82333;
	padding: 18px 22px;
	border-radius: 0 8px 8px 0;
	margin: 22px 0;
	color: #4a5568;
}

.page-highlight-box strong {
	color: #c82333;
}

.page-contact-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 24px;
	margin-top: 30px;
}

.page-contact-card h3 {
	color: #0f172a;
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 19px;
}

.page-contact-card ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.page-contact-card li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 15.5px;
	color: #334155;
}

.page-contact-card li i {
	color: #c82333;
	font-size: 18px;
	margin-right: 10px;
	width: 20px;
	text-align: center;
}

@media (max-width: 767px) {
	.create-page-card {
		padding: 22px 16px;
	}
	.create-pageTitle {
		font-size: 24px;
	}
}

/*===============Create Page css End============*/







/*===============photo Page css Start============*/

.photoGallery-page {

	padding: 40px 0;

}



.archive-info-cats {

	background: #fff;

	padding: 10px 5px;

	border-bottom: 2px solid #821818;

	margin-bottom: 20px;

	font-size: 18px;

	box-shadow: 0 2px 7px #ddd;

}



.archive-info-cats a {

	text-decoration: none;

	font-size: 22px;

	color: #9a1515;

}



.photo-page-content {

	column-count: 4;

	column-gap: 15px;

}



.photo-page-wrpp {

	overflow: hidden;

	break-inside: avoid;

	width: 100%;

	background: #fff;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 10px;

}



.photo-page-image {

	position: relative;

}



.photo-page-image img {

	width: 100%;

	height: auto;

}



.photo-page-title {

	padding: 7px 10px 10px;

	line-height: 23px;

}



.photo-page-title a {

	font-size: 20px;

	color: #000;

	transition: .5s all;

}



.photo-page-title a:hover {

	color: #570606;

}



.photo-pageIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 50px;

	width: 50px;

	background: #fff;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 45px;

	color: #01192F;

	border-radius: 50%;

	font-size: 23px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px grey;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.photo-page-wrpp:hover .photo-pageIcon i {

	background: transparent;

	color: #ffff;

}





/*===============Photo Page css End============*/







/*===============Gallery Page css Start============*/

.videoGallery-page {

	padding: 40px 0;

}



.archive-info-cats {

	background: #fff;

	padding: 10px 5px;

	border-bottom: 2px solid #821818;

	margin-bottom: 20px;

	font-size: 18px;

	box-shadow: 0 2px 7px #ddd;

}



.archive-info-cats a {

	text-decoration: none;

	font-size: 22px;

	color: #9a1515;

}



.video-page-content {

	column-count: 4;

	column-gap: 15px;

}



.video-page-wrpp {

	overflow: hidden;

	break-inside: avoid;

	width: 100%;

	background: #fff;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 10px;

}



.video-page-image {

	position: relative;

}



.video-page-image img {

	width: 100%;

	height: auto;

}



.video-page-title {

	padding: 7px 10px 10px;

	line-height: 23px;

}



.video-page-title a {

	font-size: 20px;

	color: #000;

	transition: .5s all;

}



.video-page-title a:hover {

	color: #570606;

}





.video-pageIcon i {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 50px;

	width: 50px;

	background: rgba(0,0,0,.14);

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	text-align: center;

	line-height: 47px;

	color: #fff;

	border-radius: 50%;

	font-size: 25px;

	padding-left: 3px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 30px 2px grey;

	box-shadow: 0 0 30px 2px gray;

	opacity: .8;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

	z-index: 99;

}



.video-page-wrpp:hover .video-pageIcon i {

	background: #fff;

	color: #01192F;

}





/*===============Gallery Page css End============*/





/*===============Gallery Page css End============*/



.single-video {

	padding: 40px 0;

	margin-left: 20%;

	margin-right: 20%;

}



.thumbnail-wrpp {

	box-shadow: 0 0 10px #ddd;

	padding: 5px;

	border-radius: 5px;

	margin-bottom: 20px;

	

}

.single-thumbnail{

	position: relative;

}

.single-thumbnail img {

	width: 100%;

	height: auto;

}



.thumbanil-title {

	padding: 10px 10px 10px;

	color: #000;

	font-size: 22px;

	line-height: 35px;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 10px;

	border-left: 5px solid #4d0000;

}



.thumbanil-sub {

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0.4);

	padding: 10px;

	color: #fff;

	font-size: 23px;

	width: 100%;

}







/*===============Gallery Page css End============*/





/*===============Single photo Page css Start============*/



.single-photo {

	padding: 40px 0;

	margin-left: 20%;

	margin-right: 20%;

}



.photo-wrpp {

	box-shadow: 0 0 10px #ddd;

	padding: 5px;

	border-radius: 5px;

	margin-bottom: 13px;

}



.photo-thumbnail{

	position: relative;

}

.photo-thumbnail img {

	width: 100%;

	height: auto;

}



.photo-title {

	padding: 10px 10px 10px;

	color: #000;

	font-size: 22px;

	line-height: 35px;

	box-shadow: 0 0 10px #ddd;

	margin-bottom: 10px;

	border-left: 5px solid #4d0000;

}



.photo-sub {

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0.4);

	padding: 10px;

	color: #fff;

	font-size: 23px;

	width: 100%;

}









/*===============Single photo Page css End============*/



















/*===============404/Error Page css End============*/

.error-page {

	padding: 50px 0;

}





.error-wrpp {

	text-align: center;

	margin-bottom: 40px;

}



.error-title {

	font-size: 130px;

	font-weight: bold;

	letter-spacing: 7px;

	margin-bottom: 0;

	-webkit-text-stroke: 3px #9a1515;

	-webkit-text-fill-color: #fff;

	-webkit-animation: fill 0.6s infinite alternate;

	text-shadow: 0 2px 4px #000;

	display: inline-block;

}





 @-webkit-keyframes fill {

  from { -webkit-text-fill-color: #9a1515; }

  to { -webkit-text-fill-color: #ddd; }

} 



.error-page-sub {

	font-size: 40px;

	margin-top: 20px;

	font-weight: 600;

	color: #535151;

}



.error-page-item {

	font-size: 25px;

	letter-spacing: 0.5px;

	color: #000;

	line-height: 46px;

}





.error-btn {

	margin-top: 40px;

}



.error-btn a {

	background: #9a1515;

	padding: 10px 30px;

	display: inline-block;

	text-transform: uppercase;

	color: #fff;

	text-decoration: none;

	font-weight: 600;

	font-size: 18px;

	letter-spacing: 2px;

	-webkit-transition: .8s all;

	-o-transition: .8s all;

	transition: .8s all;

}



.error-btn a:hover{

    padding: 10px 40px;

  }

/*===============404/Error Page css End============*/





/*****======================================
	* Author-Page css-Start
======================================******/
.author-page {
	padding: 40px 0;
}

.custom-col-6 {
	max-width: 50%;
	width: 100%;
	float: left;
}

.author-wrpp {
	margin: 0 0 15px 0;
	box-shadow: 0 0 10px #ddd;
	overflow: hidden;
}

.authorNews-image  {
	position: relative;
}

.authorNews-image img {
	width: 100%;
	height: 220px;
}

.author-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 45px;
	width: 45px;
	background: rgba(0,0,0,.14);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	line-height: 41px;
	color: #fff;
	border-radius: 50%;
	font-size: 29px;
	padding-left: 5px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 30px 2px grey;
	box-shadow: 0 0 30px 2px gray;
	opacity: .8;
	-webkit-transition: .8s all;
	-o-transition: .8s all;
	transition: .8s all;
	z-index: 99;
}

.authorNews-image:hover .author-icon i {
	background: #fff;
	color: #8B1010;
}

.authorPage-content {
	padding: 10px 10px 20px;
}

.author-date {
	font-size: 14px;
	margin: 12px 0 3px 0;
	color: #666;
}

.author-date a {
	color: #0b0b27;
	margin-right: 5px;
}

.authorPage-title {
	line-height: 22px;
}

.authorPage-title > a {
	font-size: 20px;
	color: #212121;
	font-weight: 500;
	transition: .5s all;
}

.authorPage-title > a:hover {
	color: #9d0000;
}

.authorPagee-image {
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.authorPagee-image img {
	width: 250px;
	height: 250px;
	object-fit: cover;
	border-radius: 40%;
}

.authorPage-name {
	text-align: center;
	line-height: 1;
	margin-bottom: 20px;
}



.authorPage-name > a {
	font-size: 23px;
	color: #212121;
	font-weight: 600;
}

.author-social {
	text-align: center;
	margin-bottom: 20px;
}

.author-social > a {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #3c466f;
	text-align: center;
	border-radius: 50%;
	font-size: 15px;
	color: #fff;
	transition: .5s all;
}

.author-social > a:nth-child(1){
	background: #0077b5;
}

.author-social > a:nth-child(2){
	background: #00acee ;
}

.author-social > a:nth-child(3){
	background: #c4302b  ;
}

.author-social > a:nth-child(4){
	background: #0e76a8  ;
}

.author-social > a:nth-child(5){
	background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.authorPopular_item {
	overflow: scroll;
	overflow-x: hidden;
	height: 400px;
}

.authorPopular-wrpp {
	border: 1px solid #eee;
	padding: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

.authorCat-title {
	border-bottom: 2px solid #212121;
	margin: 10px 0;
}

.authorCat-title > span {
	background: #212121;
	padding: 8px 12px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
}

.authorPopular-image {
	position: relative;
}

.authorPopular-image img {
	float: left;
	width: 33%;
	margin-right: 5px;
	height: 100px;
	object-fit: cover;
	border-radius: 4px;
}

.authorPopular-title {
	line-height: 19px;
	margin-bottom: 7px;
}

.authorPopular-title > a {
	font-size: 18px;
	color: #212121;
	font-weight: 500;
}

.authorPopular-title > a:hover {
	border-bottom: 1px solid #9d0000;
	color: #9d0000;
}

.authorPopular-date {
	font-size: 14px;
	margin: 4px 0 3px 0;
	color: #999;
}

.authorPopular-icon i {
	position: absolute;
	top: 70%;
	left: 17%;
	height: 35px;
	width: 35px;
	background: rgba(0,0,0,.14);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 50%;
	font-size: 22px;
	padding-left: 4px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 30px 2px gray;
	box-shadow: 0 0 30px 2px gray;
	opacity: .8;
	-webkit-transition: .8s all;
	-o-transition: .8s all;
	transition: .8s all;
	z-index: 99;
}
.authorPopular-image:hover .authorPopular-icon i {
	background: #fff;
	color: #212121;
}

/*****======================================
	* Author-Page css-End
======================================******/


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.authorNews-image img {
		height: 130px !important;
	}

	.authorPage-content {
		padding: 4px 10px 20px !important;
	}

	.authorPopular-title {
		line-height: 15px !important;
	}

	.authorPopular-title > a {
		font-size: 15px !important;
	}

	.authorPopular-image img {
		width: 41% !important;
		height: 80px !important;
	}

	.authorPopular-icon i {
		top: 54% !important;
		left: 20% !important;

	}


}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
	.custom-col-6 {
		padding: 5px !important;
	}

	.author-wrpp {
		margin: 0 !important;

	}

	.authorNews-image img {
		height: 100px !important;
	}

	.authorPage-title {
		line-height: 17px !important;
	}

	.authorPage-title > a {
		font-size: 16px !important;
		}

	.author-date a {
		color: #0b0b27;
		margin-right: 2px !important;
	}

	.authorPage-content {
		padding: 6px 7px 13px !important;
	}

}



/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.authorNews-image img {
		height: 130px !important;
	}
}

/* ===================================================
   ChangeTV Video Portal Styles
=================================================== */
.video-portal-page {
	padding: 15px 0 40px;
	background: #f8fafc;
}

.vp-breadcrumb {
	margin-bottom: 20px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.vp-breadcrumb a {
	color: #4b5563;
	text-decoration: none;
	transition: color 0.2s;
}

.vp-breadcrumb a:hover {
	color: #ef4444;
}

.vp-breadcrumb .active-sub {
	color: #ef4444;
	font-weight: 600;
}

/* Channel Hero */
.vp-channel-hero {
	background: #1e1e1e;
	border: 1px solid #2d2d2d;
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
	color: #ffffff;
}

.vp-hero-inner {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.vp-avatar-wrap {
	position: relative;
	flex-shrink: 0;
}

.vp-avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: contain !important;
	background: #ffffff;
	border: 3px solid #ef4444;
	padding: 5px;
	box-sizing: border-box;
}

.vp-verified {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #3b82f6;
	color: #ffffff;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border: 2px solid #1e1e1e;
}

.vp-info {
	flex: 1;
	min-width: 260px;
}

.vp-title-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.vp-channel-name {
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
}

.vp-badge-tag {
	background: rgba(239, 68, 68, 0.15);
	color: #f87171;
	border: 1px solid rgba(239, 68, 68, 0.3);
	padding: 2px 8px;
	border-radius: 20px;
	font-size: 11.5px;
	font-weight: 600;
}

.vp-tagline {
	color: #9ca3af;
	font-size: 14px;
	margin: 4px 0 8px;
}

.vp-stats {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #d1d5db;
	font-size: 13.5px;
	flex-wrap: wrap;
}

.vp-stats .vp-sep {
	color: #6b7280;
}

.vp-action {
	flex-shrink: 0;
}

.vp-sub-btn {
	background: #ef4444;
	color: #ffffff !important;
	padding: 10px 20px;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	transition: all 0.25s ease;
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35);
}

.vp-sub-btn:hover {
	background: #dc2626;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(239, 68, 68, 0.5);
}

/* Filter Nav Tabs */
.vp-nav-tabs {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding-bottom: 12px;
	margin-bottom: 24px;
	border-bottom: 1px solid #e2e8f0;
	scrollbar-width: thin;
}

.vp-tab-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	color: #374151;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.vp-tab-pill:hover {
	background: #f1f5f9;
	color: #111827;
	border-color: #cbd5e1;
}

.vp-tab-pill.active {
	background: #1e1e1e;
	border-color: #1e1e1e;
	color: #ffffff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.vp-tab-pill.active i {
	color: #ef4444;
}

/* Sections */
.vp-section {
	margin-bottom: 35px;
}

.vp-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 2px solid #e2e8f0;
}

.vp-sec-title {
	font-size: 19px;
	font-weight: 700;
	color: #111827;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.vp-view-all {
	font-size: 13px;
	font-weight: 600;
	color: #ef4444;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: gap 0.2s;
}

.vp-view-all:hover {
	gap: 7px;
	color: #dc2626;
}

/* Video Card */
.vp-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	overflow: hidden;
	transition: border-color 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.vp-card:hover {
	border-color: #cbd5e1;
}

.vp-thumb-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	overflow: hidden;
	cursor: pointer;
	background: #111827;
}

.vp-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), filter 0.3s ease;
	transform-origin: center center;
}

.vp-card:hover .vp-thumb {
	transform: scale(1.07);
	filter: brightness(1.03);
}

.vp-play-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.75);
	width: 44px;
	height: 44px;
	background: rgba(239, 68, 68, 0.95);
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	opacity: 0;
	transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.vp-card:hover .vp-play-overlay {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.vp-card-body {
	padding: 12px 14px 14px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.vp-card-title {
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.45;
	margin: 0 0 8px;
	flex-grow: 1;
}

.vp-card-title a {
	color: #1f2937;
	text-decoration: none;
	transition: color 0.2s;
}

.vp-card-title a:hover {
	color: #ef4444;
}

.vp-card-meta {
	font-size: 12px;
	color: #6b7280;
}

/* Shorts Cards (9:16 Aspect Ratio) */
.vp-short-card {
	border-radius: 10px;
}

.vp-short-thumb {
	padding-top: 150%; /* Vertical phone ratio */
}

.vp-short-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background: rgba(239, 68, 68, 0.9);
	color: #ffffff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	z-index: 2;
}

.vp-short-title {
	font-size: 13px;
	line-height: 1.4;
}

/* Live Badge */
.vp-live-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background: #dc2626;
	color: #ffffff;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	z-index: 2;
}

.vp-live-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffffff;
	animation: livePulse 1.5s infinite;
}

/* Playlist Card */
.vp-pl-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
	color: #ffffff;
	padding: 16px 12px 8px;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
}

/* Community Post Card */
.vp-community-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 16px;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: border-color 0.3s ease;
}

.vp-community-card:hover {
	border-color: #cbd5e1;
}

.vp-cp-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.vp-cp-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: contain !important;
	background: #ffffff;
	padding: 3px;
	border: 1px solid #e5e7eb;
	box-sizing: border-box;
}

.vp-cp-author {
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	color: #111827;
}

.vp-cp-date {
	font-size: 12px;
	color: #6b7280;
}

.vp-cp-text {
	font-size: 14px;
	line-height: 1.6;
	color: #374151;
	margin-bottom: 12px;
	flex-grow: 1;
}

.vp-cp-image-wrap {
	margin-bottom: 12px;
	border-radius: 6px;
	overflow: hidden;
}

.vp-cp-image {
	width: 100%;
	max-height: 280px;
	object-fit: cover;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	transform-origin: center center;
}

.vp-community-card:hover .vp-cp-image {
	transform: scale(1.05);
}

.vp-cp-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
	border-top: 1px solid #f1f5f9;
	font-size: 12.5px;
	color: #6b7280;
}

.vp-cp-link {
	color: #ef4444;
	font-weight: 600;
	text-decoration: none;
}

.vp-cp-link:hover {
	text-decoration: underline;
}

/* Video Player Modal */
.vp-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.vp-modal.is-open {
	display: flex;
}

.vp-modal-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(4px);
}

.vp-modal-dialog {
	position: relative;
	width: 100%;
	max-width: 860px;
	background: #181818;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0,0,0,0.5);
	z-index: 2;
	animation: modalSlideIn 0.25s ease-out;
}

@keyframes modalSlideIn {
	from {
		opacity: 0;
		transform: scale(0.95) translateY(10px);
	}
	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

.vp-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 20px;
	background: #212121;
	border-bottom: 1px solid #333333;
}

.vp-modal-title {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 15px;
}

.vp-modal-close {
	background: transparent;
	border: none;
	color: #9ca3af;
	font-size: 22px;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	transition: color 0.2s;
}

.vp-modal-close:hover {
	color: #ffffff;
}

.vp-modal-body {
	padding: 0;
}

.vp-iframe-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 ratio */
	background: #000000;
}

.vp-iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vp-modal-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	background: #212121;
	border-top: 1px solid #333333;
}

.vp-modal-btn {
	background: #333333;
	color: #ffffff;
	border: none;
	padding: 6px 16px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: background 0.2s;
}

.vp-modal-btn:hover {
	background: #444444;
	color: #ffffff;
}

/* Nav Item Emphasis */
.video-portal-menu-item > a.vp-nav-link {
	color: #ef4444 !important;
	font-weight: 700 !important;
	position: relative;
	transition: all 0.2s ease;
}

.video-portal-menu-item > a.vp-nav-link:hover {
	color: #dc2626 !important;
}

/* Video Portal Page Indicator */
.vp-page-indicator {
	font-size: 13.5px;
	font-weight: 500;
	color: #374151;
	background: #f1f5f9;
	padding: 5px 14px;
	border-radius: 20px;
	border: 1px solid #e2e8f0;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.vp-page-indicator .text-muted {
	color: #6b7280;
}

/* Video Portal Pagination */
.vp-pagination-wrap {
	margin: 40px 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vp-pagination {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	padding: 6px 12px;
	margin: 0;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 50px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	flex-wrap: wrap;
	justify-content: center;
}

.vp-page-item {
	display: inline-block;
}

.vp-page-item a,
.vp-page-item span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 14px;
	font-size: 14px;
	font-weight: 600;
	color: #374151;
	text-decoration: none;
	border-radius: 25px;
	transition: all 0.2s ease;
	user-select: none;
}

.vp-page-item a:hover {
	background: #fee2e2;
	color: #ef4444;
}

.vp-page-item.active span {
	background: #ef4444;
	color: #ffffff;
	box-shadow: 0 2px 8px rgba(239, 68, 68, 0.35);
}

.vp-page-item.disabled span {
	color: #9ca3af;
	cursor: not-allowed;
	background: transparent;
}

/*======================================================
  MODERN RESPONSIVE HEADER & DRAWER MENU STYLING
======================================================*/

/* Desktop Defaults */
.stellarnav.desktop .mobile-drawer-footer {
	display: none !important;
}

/* Tablet & Mobile Breakpoint (<= 991px) */
@media (max-width: 991px) {
	/* Hide top header logo column on mobile/tablet because logo is in navbar */
	.desktop-only-logo {
		display: none !important;
	}

	/* Header container padding */
	header .container > .row {
		align-items: center !important;
		padding: 4px 0 !important;
	}

	/* Compact Datetime Card */
	.header-datetime-card {
		margin: 4px auto !important;
		padding: 6px 12px !important;
		border-radius: 8px !important;
		max-width: 100% !important;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 3px !important;
	}
	.header-datetime-card .dt-top {
		margin-bottom: 2px !important;
		font-size: 12px !important;
	}
	.header-datetime-card .dt-main {
		font-size: 13.5px !important;
		margin-bottom: 2px !important;
	}
	.header-datetime-card .dt-sub {
		font-size: 11.5px !important;
	}
	.header-datetime-card .dt-clock {
		padding: 1px 8px !important;
		font-size: 11.5px !important;
	}

	/* Compact Social Box */
	.header-social-box {
		margin: 4px auto !important;
	}
	.header-social-box .social-header-label {
		display: none !important;
	}
	.header-social-box .social-icons-wrapper {
		gap: 8px !important;
	}
	.header-social-box .social-btn {
		width: 32px !important;
		height: 32px !important;
	}

	/* Navbar Section */
	.menu-section {
		background: #212121 !important;
		min-height: 52px !important;
		padding: 6px 0 !important;
	}
	.menu-section .container > .row {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		margin: 0 !important;
	}
	.menu-section .col-lg-11.col-md-10 {
		display: contents !important;
	}
	.menu-section .col-lg-1.col-md-2 {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
		order: 2 !important;
	}

	/* Mobile Navbar Logo */
	.mobile_logo {
		display: flex !important;
		align-items: center !important;
		order: 1 !important;
		margin-right: auto !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
	}
	.mobile_logo a {
		display: flex !important;
		align-items: center !important;
	}
	.mobile_logo img {
		display: block !important;
		position: static !important;
		max-height: 38px !important;
		width: auto !important;
		max-width: 175px !important;
		object-fit: contain !important;
		margin: 0 !important;
	}

	/* Search Icon */
	.searchIcon {
		position: static !important;
		margin: 0 !important;
		width: 38px !important;
		height: 38px !important;
		border-radius: 8px !important;
		background: rgba(255, 255, 255, 0.08) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #ffffff !important;
		font-size: 19px !important;
		cursor: pointer !important;
		transition: all 0.2s ease !important;
	}
	.searchIcon:hover {
		background: rgba(255, 255, 255, 0.16) !important;
		color: #ef4444 !important;
	}

	/* Stellarnav Container & Hamburger Button */
	.stellarnav {
		order: 3 !important;
		width: auto !important;
		margin: 0 0 0 6px !important;
		display: flex !important;
		align-items: center !important;
		position: static !important;
	}
	.stellarnav .menu-toggle {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 38px !important;
		height: 38px !important;
		border-radius: 8px !important;
		background: rgba(255, 255, 255, 0.08) !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		text-decoration: none !important;
		font-size: 0 !important;
		cursor: pointer !important;
		transition: all 0.2s ease !important;
	}
	.stellarnav .menu-toggle:hover {
		background: rgba(255, 255, 255, 0.16) !important;
	}
	.stellarnav .menu-toggle span.bars {
		margin: 0 !important;
		top: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.stellarnav .menu-toggle span.bars span {
		display: block !important;
		width: 18px !important;
		height: 2px !important;
		background: #ffffff !important;
		border-radius: 2px !important;
		margin: 0 !important;
	}

	#wrapper {
		display: none !important;
	}

	/* Search Bar Dropdown Overlay */
	.searchBar {
		position: absolute !important;
		top: 100% !important;
		left: 10px !important;
		right: 10px !important;
		width: calc(100% - 20px) !important;
		max-width: none !important;
		margin: 6px 0 0 0 !important;
		z-index: 99999 !important;
		background: #282828 !important;
		padding: 8px 12px !important;
		border-radius: 8px !important;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
	}
	.searchBar input[type="text"] {
		background: #181818 !important;
		color: #ffffff !important;
		border: 1px solid #444444 !important;
		border-radius: 6px !important;
		height: 40px !important;
		padding: 0 12px !important;
	}
	.searchBar button {
		border-radius: 6px !important;
		background: #ef4444 !important;
	}
}

/* Tablet specific balance (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
	header .container > .row {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	.header-datetime-card {
		margin: 0 !important;
	}
	.header-social-box {
		margin: 0 !important;
	}
}

/*======================================================
  MODERN SLIDE-OUT DRAWER MENU (STELLARNAV REDESIGN)
======================================================*/
.stellarnav.mobile.dark > ul {
	background: #181818 !important;
	max-width: 310px !important;
	box-shadow: 10px 0 40px rgba(0, 0, 0, 0.7) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding: 0 0 30px 0 !important;
	border-top: none !important;
	scroll-behavior: smooth;
}

/* Custom Scrollbar for Drawer */
.stellarnav.mobile.dark > ul::-webkit-scrollbar {
	width: 5px;
}
.stellarnav.mobile.dark > ul::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.15);
	border-radius: 10px;
}

/* Close Menu Header Bar */
.stellarnav.mobile.left .close-menu,
.stellarnav.mobile.right .close-menu {
	background: linear-gradient(180deg, #242424 0%, #1a1a1a 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding: 15px 18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-direction: row-reverse !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #e2e8f0 !important;
	text-transform: none !important;
	letter-spacing: 0.3px;
	transition: all 0.2s ease !important;
}
.stellarnav.mobile.left .close-menu:hover {
	color: #ffffff !important;
	background: #282828 !important;
}

/* Close Icon Badge */
.stellarnav.mobile .close-menu .icon-close {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.08) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	transition: all 0.2s ease !important;
}
.stellarnav.mobile .close-menu:hover .icon-close {
	background: #ef4444 !important;
	transform: rotate(90deg);
}
.stellarnav.mobile .close-menu .icon-close:before,
.stellarnav.mobile .close-menu .icon-close:after {
	border-color: #ffffff !important;
	border-bottom-width: 2px !important;
	width: 11px !important;
}

/* Drawer List Items */
.stellarnav.mobile li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
.stellarnav.mobile li a {
	display: flex !important;
	align-items: center !important;
	padding: 13px 20px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #d1d5db !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
	transition: all 0.2s ease !important;
	letter-spacing: 0.1px;
}
.stellarnav.mobile li a:hover {
	background: rgba(255, 255, 255, 0.04) !important;
	color: #ffffff !important;
	padding-left: 24px !important;
}

/* Active State ("প্রচ্ছদ") */
.stellarnav.mobile li.active > a {
	background: rgba(239, 68, 68, 0.12) !important;
	color: #ef4444 !important;
	border-left: 3.5px solid #ef4444 !important;
	font-weight: 700 !important;
}
.stellarnav.mobile li.active > a i {
	color: #ef4444 !important;
	margin-right: 8px !important;
	font-size: 16px !important;
}

/* Video Portal Highlight in Drawer */
.stellarnav.mobile li.video-portal-menu-item > a.vp-nav-link {
	color: #ef4444 !important;
	font-weight: 700 !important;
	background: rgba(239, 68, 68, 0.08) !important;
	border-left: 3.5px solid #ef4444 !important;
	margin-top: 4px;
}
.stellarnav.mobile li.video-portal-menu-item > a.vp-nav-link:hover {
	background: rgba(239, 68, 68, 0.16) !important;
	color: #ff6b6b !important;
}

/* Submenu Accordion Style */
.stellarnav.mobile.dark ul ul {
	background: #111111 !important;
	border-left: 2px solid rgba(239, 68, 68, 0.4) !important;
	margin: 0 !important;
	padding: 6px 0 !important;
}
.stellarnav.mobile.dark ul ul li a {
	padding: 10px 20px 10px 32px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #9ca3af !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
}
.stellarnav.mobile.dark ul ul li a:hover {
	color: #ef4444 !important;
	background: rgba(255, 255, 255, 0.03) !important;
	padding-left: 36px !important;
}
.stellarnav.mobile.dark ul ul li a i {
	margin-right: 7px;
	font-size: 14px;
}

/* Dropdown Toggle (+ / -) Button */
.stellarnav.mobile li a.dd-toggle {
	position: absolute !important;
	top: 0 !important;
	right: 6px !important;
	width: 44px !important;
	height: 46px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
	background: transparent !important;
	z-index: 10 !important;
	transition: transform 0.2s ease;
}
.stellarnav.mobile li a.dd-toggle .icon-plus {
	width: 14px !important;
	height: 14px !important;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.stellarnav.mobile li a.dd-toggle .icon-plus:before,
.stellarnav.mobile li a.dd-toggle .icon-plus:after {
	border-bottom: 2px solid #9ca3af !important;
	width: 14px !important;
	transition: all 0.3s ease !important;
}
.stellarnav.mobile li.open > a.dd-toggle .icon-plus:before,
.stellarnav.mobile li.open > a.dd-toggle .icon-plus:after {
	border-color: #ef4444 !important;
}
.stellarnav.mobile li.open > a.dd-toggle .icon-plus {
	transform: rotate(135deg) !important;
}

/* Mobile Drawer Footer with Socials */
.mobile-drawer-footer {
	display: block !important;
	margin-top: 15px !important;
	padding: 20px 18px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: #141414;
}
.drawer-footer-inner {
	text-align: center;
}
.drawer-social-title {
	font-size: 12px;
	font-weight: 600;
	color: #9ca3af;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 12px;
}
.drawer-social-links {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-bottom: 12px;
}
.dr-social-btn {
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 17px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	transition: transform 0.2s ease, opacity 0.2s ease !important;
	border: none !important;
}
.dr-social-btn:hover {
	transform: translateY(-2px);
	opacity: 0.9;
}
.dr-fb { background: #1877f2 !important; }
.dr-yt { background: #ff0000 !important; }
.dr-x { background: #000000 !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
.dr-mail { background: #ef4444 !important; }

.drawer-tagline {
	font-size: 11px;
	color: #6b7280;
	font-weight: 500;
}