/* 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;
}
@media only screen and (max-width: 767px) {
    .search-tob-box {
        margin-top: 40px !important;
    }
}
.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 {
	font-size: 17px;
    margin: 0 0 0;
    font-weight: normal;
	line-height: 1.2;

}
p{
	margin: 0;
}


ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

body {
    font-size: 17px;
	color: #333;
	width:100%;
	font-family: SolaimanLipiNormal;
    background: #f3f4f6;


}
a{ text-decoration: none }
a:hover { text-decoration: none; color: 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: 8px 0;
	background: #fff;
}

.date {
	color: #6b7280;
	margin-top: 15px;
	text-align: center;
}

.header_click {
	text-align: right;
}

.header_click ul li {
	display: inline-block;
	margin-right: 7px;
	font-size: 27px;
	cursor: pointer;
	color: #6b7280;
}

.tvBnt {
	position: relative;
	top: -6px;
}

.header_click ul li a {
	background: #dc2626;
	color: #FFF;
	font-size: 15px;
	padding: 7px 7px;
	border-radius: 5px;
}

.header_click ul li a i {
	font-size: 27px;
	position: relative;
	top: 5px;
}



/* click menu */

.header-menu {
	position: fixed;
	width: 330px;
	background: #fff;
	height: 100%;
	top: 0;
	right:-1000px;
	z-index: 9999;
	transition: .8s all;
	box-shadow: 0 7px 10px #ddd;
	overflow: scroll;
	overflow-x: hidden;
}

.header-menu.show-menu {
	right: 0;

}

.close-icons {
	text-align: left;
	margin-bottom: 10px;
	font-size: 25px;
	color: #000;
	border-bottom: 1px solid #eee;
	padding: 7px 15px;
}


.close-icons i {
	width: 30px;
	height: 30px;
	line-height: 22px;
	background: #fff;
	color: #000;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	border: 4px solid #a20505;
	float: right;
	box-shadow: 0 0 14px #a8a8a8;
	margin-top: 11px;
}

.click-menu li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.click-menu ul li a {
    font-size: 17px;
    color: #444;
    font-weight: 400;
    padding-left: 10px;
    display: inline-block;
    width: 100%;
    transition: .8s all;
    font-weight: 600;
}

.click-menu ul li ul li a {
    font-size: 17px;
    color: #444;
    font-weight: 400;
    padding-left: 10px;
    display: inline-block;
    width: 100%;
    transition: .8s all;
    margin-left: 20px;
    margin-top: 5px;
}


.click-menu ul li ul li ul li a {
    font-size: 17px;
    color: #444;
    font-weight: 400;
    padding-left: 10px;
    display: inline-block;
    width: 100%;
    transition: .8s all;
    margin-left: 20px;
    margin-top: 5px;
}

.click-menu ul li a:hover{
	color: #ae0404;
}
.clickMenu_item img {
    max-width: 60%;
}

/* Hero Area start */
.main-menu {
	padding: 9px 0 0;
	box-shadow: 0 3px 4px #eeee;
	position: sticky;
	top: 0;
}

.main-menu li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.main-menu ul li a {
	font-size: 17px;
	color: #444;
	font-weight: 400;
	padding-left: 10px;
	display: inline-block;
	width: 100%;
	transition: .8s all;
}

.main-menu ul li a:hover{
	color: #ae0404;
}




/*======================================
	Logo & Menu Section css Start
======================================*/
.menu-section {
	background: #A2268D;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	margin-bottom: 12px;
	position: relative;
}

.mobile_logo {
	display: none;
}

.logo {
	text-align: center;
}

.logo img {
	max-width: 30%;
	height: auto;
}

.sticky {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-transition: .8s all;
	-o-transition: .8s all;
	transition: .8s all;

}

.searchBar {
	max-width: 30%;
	position: relative;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	float: right;
	margin-top: -50px;
	z-index: -1;
	transition: .8s all;
}
.searchBar.showSearch {
	opacity: 1;
	visibility: visible;
	position: absolute;
	right: 26px;
	z-index: 999;
	margin-top: -44px;
}

.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
======================================*/



/*****======================================
 * Section css Start
======================================*****/
.section_one {
	padding: 20px 0;
}

.secImage {
	position: relative;
	margin-bottom: 10px;
}

.secImage img {
    width: 100%;
    height: 373px;
    object-fit: cover;
    border-radius: 5px;
}

.secContent {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 7px 20px 9px 20px;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.8) 100%);
	margin: 0;
	border-radius: 5px;
}

.cat-date {
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	transition: .5s all;
}

.sec_title a {
	color: #fff;
	font-size: 28px;
	transition: .5s all;
}

.secImage:hover .sec_title a{
	color: #ED4444;
}

.secImage:hover .cat-date{
	color: #FBA5A5;
}


/* section One Image And Title start */
.secOne_wrpp {
    background: #fff;
    padding: 12px 10px;
    border-radius: 5px;
    transition: .5s all;
    box-shadow: 0 0 5px #ddd;
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
}


.secOne_wrpp:hover {
	box-shadow: 0 5px 6px #ddd;
}

.secOne_image img {
	border-radius: 5px
}

.secOne_image {
	float: right;
	width: 42%;
	position: relative;
	margin-bottom: 30px;
	margin-left: 10px;
}

.cat_mate2 ul li {
	display: inline-block;
	margin-right: 5px;
	font-size: 15px;
	margin-bottom: 7px;
}
.cat_mate2 ul li a {
	color: #F87171;
}

.cat_time {
	position: absolute;
	margin-top: 11px;
	font-size: 15px;
	color: #F87171;
}

.secOne_title a {
	font-size: 19px;
	color: #374151;
	transition: .5s all;
}
.secOne_title a:hover{
	color: #A3A1A4;
}


/* Latest News Start */
.lates_hedline {
	font-size: 20px;
	color: #455259;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
}


.latest_wrpp {
	background: #fff;
	padding: 15px 10px;
	border-radius: 5px;
	transition: .5s all;
	box-shadow: 0 0 5px #ddd;
	display: inline-block;
	width: 100%;
	 margin-bottom: 10px;
}


.latest_item {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}


.latest_image img {
	border-radius: 5px
}

.latest_image {
	float: right;
	width: 40%;
	position: relative;
	margin-left: 10px;
}


.cat_time2 {
	margin-top: 6px;
	font-size: 15px;
	color: #F87171;
}

.latest_title a {
	font-size: 19px;
	color: #374151;
	transition: .5s all;
}

.latest_title a:hover{
	color: #A3A1A4;
}

.lates_more a {
	text-align: center;
	color: #ea5f5f;
	display: block;
	font-size: 17px;
}


/* section One Icon css start */
.video-icon1 i {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 47px;
	width: 47px;
	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: 26px;
	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;

}
.video-icon2 i {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 32px;
	width: 32px;
	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: 31px;
	color: #fff;
	border-radius: 50%;
	font-size: 21px;
	padding-left: 4px;
	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;
}

.secImage:hover .video-icon1 i {
	background: #fff;
	color: #01192F;
}

.secOne_wrpp:hover .video-icon2 i {
	background: #fff;
	color: #01192F;
}
.secTwo_wrpp2:hover .video-icon2 i {
	background: #fff;
	color: #01192F;
}






/*****======================================
 * Section One css End
======================================*****/


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




/*****======================================
 * Section Two css Start
======================================*****/
.section_two {
	padding: 20px 0;
}

.cat_title {
	border-top: 1px solid #dbd5d5;
	margin-top: 10px;
}

.cat_title span {
	background: #f3f4f6;
	position: relative;
	top: -13px;
	padding: 10px 13px 6px 0;
	color: #ef4444;
	font-weight: 600;
	font-size: 23px;
}

.cat_title span2 {
	margin-top: -11px;
	float: right;
	background: #f3f4f6;
}

.cat_title span2 a {
	padding: 10px 0 0 10px;
	color: #ef4444;
	font-weight: 600;
	font-size: 17px;
}

.secTwo_image{
	position: relative;
}

.secTwo_wrpp {
	background: #fff;
	transition: .5s all;
	box-shadow: 0 0 5px #ddd;
	border-radius: 5px;
	margin-bottom: 10px;
}

.secTwo_wrpp:hover {
	box-shadow: 0 5px 6px #ddd;
}

.secTwo_content {
	padding: 15px 10px 30px;
}

.cat_time3 {
	color: #ea5f5f;
	font-size: 14px;
}


.secTwo_title{
	margin-top: 7px;
	margin-bottom: 10px;
}

.secTwo_title a:hover {
	color: #A3A1A4;
}

.secTwo_title a {
	font-size: 19px;
	color: #151920;
	transition: .5s all;
}

.content_details {
	text-align: justify;
	font-size: 16px;
	color: #6b7280;
}

/* secTwo start */

.secTwo_wrpp2 {
	background: #fff;
	padding: 15px 10px;
	border-radius: 5px;
	transition: .5s all;
	box-shadow: 0 0 5px #ddd;
	display: inline-block;
	width: 100%;
	 margin-bottom: 10px;
}
.home-category{
    color: mediumvioletred;
}
.secTwo_wrpp2:hover {
	box-shadow: 0 5px 6px #ddd;
}

.secTwo_image2 img {
	border-radius: 5px
}

.secTwo_image2 {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.secTwo_image3 {
    float: right;
    width: 42%;
    position: relative;
    margin-bottom: 0px;
    margin-left: 10px;
}

.cat_mate3 ul li {
	display: inline-block;
	margin-right: 5px;
	font-size: 15px;
	margin-bottom: 7px;
}
.cat_mate3 ul li a {
	color: #F87171;
}

.cat_time4 {
	position: absolute;
	margin-top: 11px;
	font-size: 15px;
	color: #F87171;
}

.secTwo_title2 a {
	font-size: 19px;
	color: #374151;
	transition: .5s all;
}
.secTwo_title2 a:hover{
	color: #A3A1A4;
}



.secTwo_item {
	border-top: 1px solid #ddd;
	padding: 10px;
}

.secTwo_title3{
	margin-bottom:10px ;
}
.secTwo_title3 a {
	font-size: 19px;
	color: #dc2626;
	text-decoration: underline;
}

.content_details {
	font-size: 16px;
	color: #6b7280;
}

.secTwo_wrpp .margins {
	padding: 15px 10px 0;
}


/*****======================================
 * Section Two css End
======================================*****/

/*****======================================
 * Footer css Start
======================================*****/

.footer_logo {
	text-align: center;
}

.footer_logo img {
    max-width: 25%;
    height: auto;
    margin: 10px 0px;
}


.footer_area {
	background: #fff;
	padding: 20px 0 10px;
}

.footer_item {
	margin-top: 22px;
}

.footer_item i {
    float: left;
    margin-right: 10px;
    color: red;
}

.footer_item ul li {
	display: inline-block;
	margin-bottom: 6px;
	width: 100%;
	color: #151920;
}

.footer_item ul li i {
	color: #dc2626;
	font-size: 20px;
	margin-right: 4px;
}

.playStore {
	text-align: center;
	margin-top: 25px;
	font-size: 20px;
	color: #000;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.playStore ul li {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.Privacy_info {
	border-bottom: 1px solid #eee;
	padding: 23px 0;
}


.Privacy ul li {
	display: inline-block;
	margin-right: 8px;
	border-right: 1px solid #ddd;
	padding-right: 8px;
}

.Privacy ul li:last-child {
	border-right: none;
}

.Privacy ul li a {
	font-size: 14px;
	color: #3b414a;
}
.social {
	text-align: right;
}

.social a {
	display: inline-block;
	margin-right: 10px;
	font-size: 20px;
}

.social a .la-facebook-f{
	color: #039BE5;
}

.social a .la-instagram{
	color: #B1309A ;
}

.social a .la-twitter{
	color: #0F89E2 ;
}
.social a .la-linkedin-in{
	color: #0A66C2 ;
}
.social a .la-youtube{
	color: #FF3D00 ;
}

.copyright {
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	color: #3b414a;
}


/*****======================================
 * Footer css End
======================================*****/




/*****======================================
 * Single page css Start
======================================*****/
.single_page {
	margin-top: 22px;
}

.single_cat {
	margin-bottom: 15px;
}

.single_cat ul li {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
}


.gredent_bg {
	background: linear-gradient(90deg, rgba(129,29,29,1) 0%, rgba(218,31,31,1) 100%);
	padding: 50px;
	height: 360px;
	border-radius: 5px 0 0 5px;
}
.gredent_wrpp {
	margin-bottom: 20px;
}
.bg_color{
	color: #d1d5db;
}

.bg_color a{
	color: #d1d5db;
}

.single_page_title {
	font-size: 37px;
	color: #fff;
	margin-bottom: 27px;
	font-weight: bold;
}



.repotar_wrpp {
	display: inline-block;
	width: 100%;
	margin-bottom: 40px;
}

.repotar_image img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}
.repotar_name {
	font-size: 16px;
	font-weight: bold;
}

.repotar_name span {
	display: block;
	font-weight: normal;
}

.single_Page_image{
	position: relative;
}

.single_Page_image::before {
	position: absolute;
	left: -36px;
	content: '';
	width: 20%;
	height: 100%;
	background: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgb(205, 31, 31) 30%,rgba(208, 31, 31, 0.1) 100%);
	z-index: 99;
}

.single_Page_image img {
	width: 100%;
	height: 360px;
	object-fit: cover;
	object-position: top center;
	border-radius: 0 5px 5px 0;
}



.single_social {
	text-align: right;
}

.single_social a {
	display: inline-block;
	margin-right: 10px;
	font-size: 17px;
	background: #ddd;
	width: 30px;
	height: 30px;
	line-height: 31px;
	border-radius: 50%;
	text-align: center;
}

.single_social a .la-facebook-f{
	color: #039BE5;
}

.single_social a .la-instagram{
	color: #B1309A ;
}

.single_social a .la-twitter{
	color: #0F89E2 ;
}
.single_social a .la-linkedin-in{
	color: #0A66C2 ;
}
.single_social a .la-youtube{
	color: #FF3D00 ;
}

.latest_wrpp .cat_title span {
	background: #fff;

}
.latest_wrpp .cat_title span2 {
	background: #fff;
}


.single_details {
	font-size: 20px;
	line-height: 1.5;
	color: #424553;
	margin-bottom: 25px;
}

.single_details strong {
	display: block;
	width: 100%;
	font-weight: bold;
	margin-bottom: 12px;
}

/* Related News */

.single h1{
    font-size: 22px;
}
.category-header{
    text-align: center;
    padding: 10px;
    font-size: 24px;
    border-top: 1px solid #D5D8DB;
    border-bottom: 1px solid #D5D8DB;
    margin-bottom: 20px;
    font-weight: bold;
}
.header-search:focus {
    color: #212529;
    background-color: #fff;
    border-color: #A2268D;
    border-width: 2px;
    outline: 0;
     box-shadow: none;
}
.header-search-btn:focus {
    box-shadow: none;
}
.related_cat {
	background: #D5D8DB;
	color: #424553;
	font-size: 20px;
	padding: 10px 8px;
	margin-bottom: 10px;
	border-left: 4px solid #A2268D;
}

.related_image {
	position: relative;
}

.related_image img {
	width: 100%;
	height: 120px;
	object-fit: cover;
}

.related_wrpp {
	background: #fff;
	transition: .5s all;
	box-shadow: 0 0 5px #ddd;
	border-radius: 5px;
	margin-bottom: 20px;
}


.related_title {
	margin-top: 7px;
	margin-bottom: 10px;
}

.related_title a {
	font-size: 19px;
	color: #151920;
	transition: .5s all;
}

.related_content {
	padding: 15px 10px 30px;
}


/*****======================================
 * Signle page css End
======================================*****/


/*****======================================
 * Archive page css Start
======================================*****/
.archive_img {
	position: relative;
	margin-bottom: 20px;
}

.archive_img img {
	width: 100%;
	height: 350px;
	object-fit: cover;
	border-radius: 5px;
}
.secContentArc {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 7px 20px 9px 20px;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.8) 100%);
	margin: 0;
	border-radius: 5px;
}
.archive_title a {
	color: #fff;
	font-size: 28px;
	transition: .5s all;
}
.archive_img:hover .archive_title a {
	color: #ED4444;
}
/*****======================================
 * Archive page css End
======================================*****/