/* @font-face{
    font-family:"nastalekh";
    font-style: normal;
    font-weight: normal;
    src:url('../fonts/nasta-webfont.eot');
    src:url('../fonts/nasta-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/nasta-webfont.woff') format('woff'),url('../fonts/nasta-webfont.ttf') format('truetype'),url('../fonts/nasta-webfont.svg#NafeesRegular') format('svg');
}
 */

@font-face {
    font-family: "nastalekh";
    font-style: normal;
    font-weight: 400;
    unicode-range: U+06??,U+0750-077f,U+fb50-fdff,U+fe70-feff;
    src: url(https://cdn.jsdelivr.net/npm/urdu-web-fonts@1.0.3/Nafees-Web-Naskh/fonts/Nafees-Web-Naskh.woff) format("woff")
}


@font-face{
	font-family:'arabic';
	src:url('../fonts/arabic-font.eot');
	src:url('../fonts/arabic-font.ttf') format('truetype');
}


.ur,.urdu{
    font-family:nastalekh!important;
	font-size: 20px!important;
}
.quranic,.arabic,.ar{
	font-family:'arabic'!important;
}

body{
	background-color: #eeeff3;
	text-align: unset;
	font-family: Arial,Verdana,sans-serif;
}
a{
	transition: 0.3s all;
}
.no-padding{
	padding: 0;
}
.no-margin{
	margin: 0;
}
.no-margin-r{
	margin-right: 0;
}
.no-margin-l{
	margin-left: 0;
}
.no-padding-r{
	padding-right: 0;
}
.no-padding-l{
	padding-left: 0;
}
.width-60{
	width: 60px!important;
}
.text-center{
	text-align: center;
}
.width100,.w100{
	width: 100%;
}
.margin-b-15{
	margin-bottom: 15px;
}
.padding-15{
	padding: 15px;
}
.padding-10{
	padding: 10px;
}
.margin-10{
	margin: 10px;
}
.mb-0{
	margin-bottom:0px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-50{
	margin-bottom:50px;
}
.padding{
	padding:10px;
}
.margin{
	margin: 10px;
}
.pull-left{
	float: left;
}
.display-inlineblock{
	display: inline-block;
}
.pull-right {
    float: right;
}
.color-white{
	color:#fff;
}
.custom_btn{
	background-color: #db2828;
    text-shadow: none;
    padding: 5px;
    color: #fff!important;
    border-radius: 5px;
    padding: 6px 10px;
    -webkit-box-shadow: 0 0 0 0 rgb(34 36 38 / 15%) inset;
    box-shadow: inset 0 0 0 0 rgb(34 36 38 / 15%);
}
.custom_btn:hover{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
}

@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
 header, footer, nav,.share-media,.sidebar-menu { display: none !important; } 
}

*{
	font-family: Arial,Verdana,sans-serif;
}
.urf{
	font-family: nastalekh!important !important;
}
/*   Navbar  *************************************************************/

header{
	background-image: linear-gradient(to right, #42ab97 , #359ba2);
	padding: 8px 15px 10px 15px;
	border-radius: 8px;
	margin-bottom: 15px;
}

.nav{
	flex-direction: row-reverse;
}
.nav-link{
	color: #fff;
	font-family: nastalekh;
	font-size: 22px;
	border-bottom: 3px solid transparent;
	padding: 0.1rem 0.7rem;
}
a.nav-link:hover, .nav-item.active a.nav-link{
	color: #fff;
	border-bottom: 3px solid #fff;
}

/* Slider *************************************************************/
section.head-slider {
	background-color: #fff;
	padding: 14px 5px 0 5px;
	border-radius: 8px;
	margin-bottom: 15px;
	max-height: 72px;
	overflow: hidden;
}
.slides {
	display: flex;
}
.item {
	background-color: #fff;
	margin: 0 10px 16px 10px;
	border-radius: 30px;
	padding: 5px 8px 5px 15px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	display: flex !important;
	width: auto !important;
	color: #000;
}
.item a{
	color: #000;
	display: flex !important;
}
.item:focus{
	outline: none;
}
.item span {
	font-family: nastalekh;
	font-size: 20px;
	margin-right: 5px;
}
.item img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.slick-arrow {
	color: #777b8c;
	font-size: 34px;
	padding: 5px 4px 0 4px;
	margin: 0 6px;
	cursor: pointer;
}

/* Banner Slider *************************************************************/

.banner{
	margin-bottom: 15px;
}
.b-text {
	color: #fff;
	width: 57%;
	padding: 85px 15px 0 15px;
	text-align: right;
	height: 370px;
}
.b-text h1, .b-text p, .b-text li {
	font-size: 22px;
	font-family: nastalekh;
}
.b-text h1 {
	position: relative;
	padding: 10px 0;
	margin-bottom: 15px;
}
.b-text h1:before {
	content: "";
	background-image: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 100%);
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
}
.b-text h1:after {
	content: "";
	background-image: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 100%);
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.b-text ul {
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
}
.b-text ul li {
	list-style: none;
	margin-left: 20px;
	padding: 4px 12px;
	border-radius: 8px;
	cursor: pointer;
	transition: 0.3s all;
}
.b-text ul li.active {
	background-color: rgba(0,0,0,0.6);
	cursor: default;
}
.b-text ul li:hover{
	background-color: rgba(0,0,0,0.6);
}
.banner .carousel.slide{
	border-radius: 8px;
	overflow: hidden;
}
.banner .carousel-item.b-item{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
}
.banner .carousel-indicators li {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #000;
}
.banner .carousel-indicators li.active{
	background-color: #fff;
}

/* side bar *************************************************************/

.main-content{
	padding: 0 15px;
}

.sidebar-menu{

}
.sidebar-menu ul {
	list-style: none;
	border-radius: 8px;
	padding: 15px;
	text-align: right;
	margin: 0 0 15px 0;
	background-color: #fff;
}
/*.sidebar-menu ul li {*/
	/*margin-bottom: 15px;*/
/*}*/
.sidebar-menu ul li:last-child {
	margin-bottom: 0;
}
.sidebar-menu ul li a {
	font-size: 22px;
	font-family: nastalekh!important;
	color: #000;
	display: block;
	padding: 8px 10px;
	border-radius: 8px;
	transition: 0.3s all;
}
.sidebar-menu ul li a:hover{
	background-color: #e4e6eb;
	text-decoration: none;
}
.sidebar-menu ul li a i {
	min-width: 36px;
	text-align: center;
	background-color: #e4e6eb;
	padding: 8px 0px;
	border-radius: 50%;
	color: #606770;
	margin-left: 6px;
	font-size: 20px;
}

/* Tabs *************************************************************/

.tab-1{
	background-image: url("../images/tab-1.png");
}
.tab-2{
	background-image: url("../images/tab-2.png");
}
.tab-3{
	background-image: url("../images/tab-3.png");
}
.tabs {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom right;
	border-radius: 8px;
	/*overflow: hidden;*/
}
.tabs a {
	color: #fff;
	padding: 15px 15px;
	display: flex;
	font-size: 28px;
	font-family: nastalekh;
	height: 120px;
	align-items: center;
	justify-content: flex-end;
}
.tabs a:hover{
	text-decoration: none;
}
.tabs a i {
	font-size: 40px;
	margin-left: 16px;
	width: auto;
	display: block;
	text-align: center;
}
.tab-3.tabs a {
	justify-content: end;
	padding-left: 40px;
	position: relative;
}
.tab-3.tabs a img{
	/*position: absolute;*/
	width: 100%;
	right: 0;
	bottom: -7px;
}

/* Main content *************************************************************/
.content-box {
	background-color: #fff;
	border-radius: 8px;
}
.p-head {
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 10px 15px;
}
.p-head h1, .color-head h1 {
	font-size: 22px;
	font-family: nastalekh;
}
.p-head h2, .color-head h2 {
	font-size: 18px;
	
	margin-bottom: 0;
}
.p-detail {
	padding: 15px 15px 30px 15px;
}
.p-detail ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}
.p-detail ul li {
	width: 100%;
	text-align: center;
}
.p-detail ul li p:first-child {
	font-family: nastalekh;
	font-size: 22px;
	margin-bottom: 2px;
}
.p-detail ul li p {
	font-size: 18px;
	font-family: Arial,Verdana,sans-serif;
}
.p-detail ul li span {
	background-color: #389a8c;
	color: #fff;
	padding: 4px 16px;
	
	font-size: 18px;
	border-radius: 8px;
}
.color-head {
	padding: 10px 15px;
	background-image: linear-gradient(to right, #42ab97 , #359ba2);
	color: #fff;
}
/*  Boook */
.book-detail {
	display: flex;
	background-color: #fff;
	flex-wrap: wrap;
	padding: 7px;
}
.bd-tab {
	background-color: #eeeff3;
	width: calc(33.3333% - 16px);
	text-align: center;
	margin: 8px;
	border-radius: 8px;
	padding: 15px;
	transition: 0.3s all;
}
.bd-tab:hover, .book-detail.islamic-names .bd-tab:hover{

	background-color: #389a8c;

}
.bd-tab:hover a{
	color: #fff;
}
.bd-tab a{
	color: #000;
}
.bd-tab a:hover{
	text-decoration: none;
}
.bd-tab p {
	font-size: 22px;
	font-family: 'arabic';
	margin: 0;
}
.bd-tab p:first-child{
font-size: 30px;
}
.bd-tab p:last-child {
	font-family: Arial,Verdana,sans-serif;
	font-size: 18px;
}


.book-detail.islamic-names {
	padding: 15px;
}
.book-detail.islamic-names .bd-tab {
	margin: 0;
	width: 33.3333%;
	background-color: transparent;
	padding: 25px 15px;
}
.book-detail.islamic-names .bd-tab:nth-child(2) {
	border-width: 0 1px 0 1px;
	border-color: #eeeff3;
	border-style: solid;
}


/* sub menu */
.sub-menu {
	padding: 15px;
}
.sub-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
}
.sub-menu ul li {
	margin: 0 4px;
}
.sub-menu ul li a {
	font-family: nastalekh;
	font-size: 18px;
	color: #000;
}
.sub-menu ul li a i {
	min-width: 36px;
	text-align: center;
	background-color: #359ba2;
	padding: 8px 0px;
	border-radius: 50%;
	color: #ffffff;
	margin-left: 3px;
	font-size: 18px;
}
.book-detail.surah .bd-tab {
	background-color: transparent;
	border: 6px solid #eeeff3;
	padding: 10px;
	border-radius: 12px;
}
.book-detail.surah .bd-tab:hover{
	background-color: #eeeff3;
}
.book-detail.surah .bd-tab:hover a{
	color: #000;
}
.book-detail.surah.dua .bd-tab {
	width: calc(50% - 16px);
}
.book-detail.surah.dua.hadees-list .bd-tab {
	width: 100%;
	text-align: right;
}
.book-detail.surah.dua.hadees-list .bd-tab h4 {
	font-family: nastalekh;
	font-size: 30px;
	margin-bottom: 12px;
}
.book-detail.surah.dua.hadees-list .bd-tab h4 span {
	color: #000;
}
.book-detail.surah.dua.hadees-list .bd-tab p {
	font-family: nastalekh;
	font-size: 22px;
}
.book-detail.surah.dua.hadees-list .bd-tab span {
	color: #40a999;
	margin: 0 5px;
}
.audio-detail {
	padding: 15px;
}
.audio-tab {
	background-color: #eeeff3;
	margin-bottom: 15px;
	border-radius: 8px;
	transition: 0.3s all;
	    padding: 7px;
}

.audio-tab  .plyr__controls{
	width: 100%;
    background: #eeeff3!important;
    border-bottom: 1px dashed #b4b4b5;
}

.plyr--audio {
    border-radius: 10px;
}

.audio-tab:last-child{
	margin-bottom: 0;
}
.audio-tab a {
	display: flex;
	justify-content: flex-end;
	color: #000;
	align-items: center;
	padding: 15px;
}
.audio-tab a:hover{
	text-decoration: none;
}
.audio-tab a span {
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	padding: 5px 8px 4px 8px;
	border-radius: 4px;
	line-height: 1;
	
	font-size: 14px;
}
.aud-p {
	flex: 1;
	text-align: right;
	margin-right: 20px;
}
.audio-detail.scholars .audio-tab a img {
	border-radius: 6px;
	width: 200px;
}
.aud-p p {
	margin: 0;
	font-size: 22px;
}
.aud-p p:last-child {
	font-size: 16px;
	
	margin-top: 2px;
}
.audio-tab a i {
	background-color: #38a09f;
	color: #fff;
	line-height: 1;
	padding: 12px 16px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	transition: 0.3s all;
}
.audio-tab:hover{
	background-color: #389a8c;
}
.audio-tab:hover a {
	color: #fff;
}
.audio-tab:hover a i {
	color: #389a8c;
	background-color: #fff;
}
.audio-detail.scholars .audio-tab a {
	align-items: end;
}
.book-detail.surah.dua.articles .bd-tab {
	background-color: #eeeff3;
	border: none;
	padding: 15px;
}
.book-detail.surah.dua.articles .bd-tab:hover{
	background-color: #389a8c;
}
.book-detail.surah.dua.articles .bd-tab:hover a{
	color: #fff;
}
.simple-content {
	padding: 15px;
}
.simple-content p {
	
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 12px;
	color: #000;
}
.simple-content p:last-child{
	margin-bottom: 0;
}

/*   Videos Page  *************************************************************/
.bread-crumbs ul {
	padding: 5px 0 2px 0;
	list-style: none;
	margin: 0;
	display: flex;
}
.bread-crumbs ul li a, .bread-crumbs ul li {
	color: #000;
	
}
.bread-crumbs ul li {
	margin-right: 25px;
	position: relative;
	color: #40a999;
}
.bread-crumbs ul li:after {
	content: ">";
	position: absolute;
	top: -1px;
	font-size: 18px;
	right: -18px;
	color: #000;
}
.bread-crumbs ul li:last-child:after{
	display: none;
}
.current-date p {
	margin-bottom: 0;
	font-family: nastalekh;
	text-align: right;
	font-size: 20px;
}
.sidebar-menu ul .more-btn a i {
	background-color: #40a999;
	color: #fff;
	padding: 5px 0px;
	font-size: 26px;
}
.sidebar-menu ul li.more-btn a:hover{
	background-color: #40a999;
	color: #fff;
}
.listing{
	display: none;
}
.play-video {
	position: relative;
}
.audio-tab a .play-video i {
    right: 77px;
    top: 54px;
    padding: 10px 8px;
    font-size: 28px;
    position: absolute;
}

.list-pagination {
	display: flex;
	justify-content: center;
	padding: 0 15px 15px 15px;
	align-items: center;
}
.list-pagination a {
	background-color: #eeeff3;
	display: block;
	margin: 0 10px;
	color: #606770;
	padding: 6px 12px;
	line-height: 1;
	font-size: 24px;
	border-radius: 6px;
	transition: 0.3s all;
}
.list-pagination a:hover {
	background-color: #38a09f;
	color: #fff;
}
.list-pagination li.active a {
	background-color: #38a09f;
	color: #fff;
}
.list-pagination p {
	margin-bottom: 0;
	width: 200px;
	text-align: center;
	
	color: #000;
}


/* Book Page */
.book-hadees {
	padding: 15px;
}
.book-name {
	border: 6px solid #eeeff3;
	border-radius: 8px;
}
.book-name ul {
	padding: 0px 0;
	margin: 0;
	list-style: none;
}
.book-name ul li {
	border: 1px solid rgba(0,0,0,.1);
	display: flex;
	align-items: center;
	font-family: nastalekh!important;
	
}
.book-name ul li span {
	font-family: Arial,Verdana,sans-serif;
	background-color: #f8f9fa;
	padding: 8px 25px 8px 35px;
	display: block;
	width: 180px;
	margin-right: 25px;
	font-family: nastalekh!important;
}

.book-table table{
	margin: 0;
}
.book-table table th:nth-child(2), .book-table table td:nth-child(2){
	width: 42%;
}
.book-table table th, .book-table table td{
	font-size: 22px;
	font-family: nastalekh;
	text-align: center;
}
.book-table table td a{
	color: #40a999;
}
.book-table table td:first-child, .book-table table td:last-child{
	font-size: 18px;
	
}
.book-table table th:nth-child(2) a, .book-table table td:nth-child(2) a {
	font-size: 18px;
}
.book-table table thead{
	background-color: #f8f9fa;
}
.book-table .table-responsive{
	border: 6px solid #eeeff3;
	border-radius: 8px;
}
.dua {
	padding: 15px;
}
.dua p {
	font-family: Arial,Verdana,sans-serif;
}
.dua-box {
	background-color: #eff0f4;
	padding: 40px 0;
	border-radius: 8px;
}
.dua-box h1 {
	font-family: arabic;
	font-size: 3rem;
	margin-bottom: 15px;
}
.dua-box h4 {
	font-family: nastalekh;
	font-size: 22px;
}
.dua-box.hadees-box {
	padding: 40px 15px;
}
.dua-box.hadees-box h1 {
	font-size: 2.3rem;
}
.dua-box.hadees-box h4 {
	font-size: 26px;
	line-height: 1.4;
	margin-bottom: 12px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	padding: 12px 0;
}
.dua-box.hadees-box p {
	font-size: 18px;
}
.dua-btn {
	display: flex;
	justify-content: center;
	padding: 15px 15px 0 15px;
	align-items: center;
}
.dua-btn a {
	font-size: 14px;
	font-family: Arial,Verdana,sans-serif;
	color: #000;
	border: 1px solid #d0d0d0;
	padding: 2px 20px;
	min-width: 110px;
	text-align: center;
}
.dua-btn p {
	margin: 0 35px;
	font-size: 14px;
	font-family: Arial,Verdana,sans-serif;
}
.share-media {
	border-top: 1px solid rgba(0,0,0,0.1);
	margin-top: 15px;
	padding-top: 6px;
}

.share-media a {
	font-size: 2.5rem;
}

.share-media a.twitter i{
	color:#00aced;
}
.share-media a.facebook i{
	color:#3b5998;
}
.share-media a.reddit i{
	color:#8bbbe3;
}
.share-media a.linkedin i{
	color:#007bb6;
}
.share-media a.pintrest i{
	color:#b81621;
}


.share-media ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
}
.share-media ul li {
	font-family: nastalekh;
	font-size: 22px;
	color: #0b8a0b;
	margin: 0 9px;
	    line-height: 2.5rem;
}
.audio-detail.n-khawan{
	display: flex;
	flex-wrap: wrap;
}
.audio-detail.n-khawan .audio-tab{
	width: calc(25% - 12px);
	margin: 6px;
}
.audio-detail.n-khawan .audio-tab img {
	width: 100%;
	border-radius: 6px;
}
.audio-detail.n-khawan .audio-tab a h2 {
	font-size: 16px;
	font-family: Arial,Verdana,sans-serif;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.audio-detail.n-khawan .audio-tab a{
	display: block;
}
.audio-detail.n-khawan .bg-naat {
	width: 100%;
	height: 160px;
	background-size: cover;
	background-position: center;
	border-radius: 6px;
}

.naat_img{
	float: left;
	margin: 10px;
	display: inline-block;

}

.naat_img img {
	border-radius: 50%;
}

/* Articles */
.articles-detail {
	padding: 15px;
}
p.urdu {
	font-family: nastalekh;
	font-size: 22px;
	text-align: right;
}
p.eng {
	
	font-size: 16px;
}
article.articles{
	display: flex;
	background-color: #fff;
	flex-wrap: wrap;
}
.article-tab{
	background-color: transparent;
	border: 6px solid #eeeff3;
	padding: 10px;
	border-radius: 12px;
	transition: 0.3s all;
	margin: 8px;
	width: calc(50% - 16px);
}
.article-tab a {
	color: #000;
}
.article-tab a:hover{
	text-decoration: none;
}
.article-tab .bg-art {
	width: 100px;
	min-width: 100px;
	height: 100px;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.art-head h2 {
	font-size: 24px;
	text-align: right;
	color: #40a999;
	font-weight: 600;
}
.article-tab .art-head p {
	font-size: 22px;
	text-align: right;
	color: #9c9c9c;
}
.article-tab p {
	font-size: 22px;
	margin-bottom: 0;
	color: #000;
	text-align: right;
}
.article-tab p a {
	color: #40a999;
	cursor: pointer;
}
.art-head {
	display: flex;
	flex-direction: row-reverse;
}


.art-detail-head p {
	font-size: 22px;
	line-height: 50px;
}
.writter {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
.writter img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.writter span {
	font-size: 18px;
	margin: 0 10px;
	color: grey;
}
.writter span i{
	margin-left: 5px;
}

.more-article {
	background-color: #fff;
	border-radius: 8px;
}
.more-article h4 {
	text-align: right;
	padding: 15px;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-size: 22px;
}
.more-article ul li {
	margin-bottom: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.more-article ul li:last-child{
	margin-bottom: 0;
	border-bottom: none;
}
.more-article ul li a {
	display: flex;
	flex-direction: row-reverse;
	padding: 5px;
}
.more-article ul li a img {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	margin-left: 10px;
}
.more-article ul li a p {
	margin: 0;
	font-size: 20px;
	line-height: 1.4;
}


.book-table.book-episodes table th:nth-child(2), .book-table.book-episodes table td:nth-child(2){
	width: auto;
}
.book-table.book-episodes table td{
	font-size: 22px !important;
}
.dua.b-detail p, .dua.b-detail h4{
 text-align: right;
}
.dua.b-detail img.b-main-img {
	margin: 0 auto 30px auto;
	display: block;
}
.dua.b-detail h4 {
	font-size: 26px;
}
.dua.b-detail p {
	font-size: 20px;
}
.more-article.more-books ul li a p {
	color: #40a999;
	font-size: 22px;
}

/* Events */
.events-listing {
	padding: 15px;
}
.event a{
	display: flex;
	background-color: #eeeff3;
	margin-bottom: 15px;
	border-radius: 8px;
	transition: 0.3s all;
	color: #000;
	padding: 15px;
	align-items: center;
}
.event a:hover{
	text-decoration: none;
	background-color: #389a8c;
	cursor: pointer;
	color: #fff;
}
.event-title {
	flex: 1;
	text-align: center;
}
.event-title h2 {
	font-size: 26px;
}
.event-title h3 {
	font-size: 22px;
}
.event-title p {
	font-size: 16px;
	color: #606770;
	margin-bottom: 0;
	transition: 0.3s all;
}
.event a:hover .event-title p{
	color: #fff;
}
.event-date {
	background-color: #38a09f;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	width: 80px;
	height: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transition: 0.3s all;
}
.event a:hover .event-date{
	background-color: #fff;
	color: #38a09f;
	transition: 0.3s all;
}
.event-date span{
	display: block;
	text-transform: capitalize;
	line-height: 1;
	padding-top: 6px;
}

.event-date p {
	margin: -18px 0 0 0;
	display: block;
	width: 100%;
	font-size: 30px;
	line-height: 1;
	font-family: Arial,Verdana,sans-serif;
}
.p-head.event-p-head{
	position: relative;
	padding: 25px 15px;
}
.p-head .event-date {
	position: absolute;
	left: 15px;
	top: 12px;
}

.events-details {
	padding: 15px;
}
.event-text {
	background-color: #eff0f4;
	padding: 15px;
	border-radius: 8px;
	margin-bottom: 15px;
}
.event-text p, .events-details p {
	font-size: 22px;
	text-align: right;
}
.event-text p:last-child, .events-details p:last-child {
	font-size: 18px;
	text-align: left;
}

/* Names of child */

.search-names {
	background-image: linear-gradient(to right, #42ab97 , #359ba2);
}
.search-names form {
	display: flex;
	padding: 10px;
}
.search-names form input[type="search"] {
	padding: 10px 15px;
	flex: 1;
	height: 46px;
	border: none;
	border-radius: 6px;
	font-size: 18px;
}
.search-names form input[type="search"]:focus{
	outline: none;
}
.search-names form button {
	margin-left: 10px;
	background-color: #2a7c82;
	border: none;
	color: #fff;
	padding: 0 24px;
	font-size: 15px;
	border-radius: 6px;
}

.muslims .p-head h1{
	font-family: Arial,Verdana,sans-serif;
	font-size: 18px;
	text-align: left;
	margin-bottom: 0;
	padding: 6px 0;
}
.muslims .p-detail p{
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 16px;
}


.abc-keys {
	padding: 24px 15px 40px 15px;
}
.abc-keys ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.abc-keys ul li {
	margin: 0 8px 16px 8px;
}
.abc-keys ul li a {
	border: 1px solid #ebeaf2;
	color: #000;
	padding: 10px 13px;
	border-radius: 6px;
	text-transform: uppercase;
	font-family: rob-bold;
	font-size: 18px;
	display: block;
	min-width: 40px;
	text-align: center;
	line-height: 1;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
	transition: 0.3s all;
}
.abc-keys ul li a:hover {
	text-decoration: none;
	background-color: #40a999;
	color: #fff;
}
.abc-keys h1 {
	font-size: 20px;
	font-family: Arial,Verdana,sans-serif;
	margin-bottom: 25px;
	margin-top: 25px;
}
.abc-keys ul.urdu-alpha {
	margin-top: 36px;
	flex-direction: row-reverse;
}
.abc-keys ul.urdu-alpha li a {
	background-color: #36b8cc;
	color: #fff;
	font-family: nastalekh;
	font-size: 28px;
	border-color: #36b8cc;
	padding: 0px 10px 4px 10px;
	line-height: 1.4;
	min-width: 48px;
	box-shadow: none;
}
.abc-keys #girls ul.urdu-alpha li a{
	background-color: #fe9a9f;
	border-color: #fe9a9f;
}
.abc-keys #boys ul li a:hover{
	background-color: #36b8cc;
}
.abc-keys #girls ul li a:hover{
	background-color: #fe9a9f;
}

.abc-keys #boys ul.urdu-alpha li a:hover, .abc-keys #girls ul.urdu-alpha li a:hover {
	border-color: #ebeaf2;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
	color: #000;
	background-color: #fff;
}
.abc-keys ul.nav-tabs {
	flex-wrap: nowrap;
	border: none;
}
.abc-keys ul.nav-tabs li {
	width: 100%;
	margin: 0;
}
.abc-keys ul.nav-tabs li a {
	box-shadow: none;
	font-family: Arial,Verdana,sans-serif;
	padding: 16px 12px;
}
.abc-keys ul.nav-tabs li:first-child a{
	border-color: #fe9a9f;
	color: #ea7b81;
	margin-left: 5px;
}
.abc-keys ul.nav-tabs li:first-child a:hover, .abc-keys ul.nav-tabs li:first-child a.active{
	background-color: #fe9a9f;
	color: #fff;
}
.abc-keys ul.nav-tabs li:last-child a{
	border-color: #8ed5e0;
	color: #36b8cc;
	margin-right: 5px;
}
.abc-keys ul.nav-tabs li:last-child a:hover, .abc-keys ul.nav-tabs li:last-child a.active{
	background-color: #36b8cc;
	color: #fff;
}


.latest-names .bd-tab.female {
	border-color: #fe9a9f;
}
.latest-names .bd-tab.female a i {
	color: #fe9a9f;
	font-size: 30px;
}
.latest-names .bd-tab.male {
	border-color: #8ed5e0;
}
.latest-names .bd-tab.male a i {
	color: #8ed5e0;
	font-size: 30px;
}
.book-detail.surah.latest-names .bd-tab.male:hover{
	background-color: #8ed5e0;
}
.book-detail.surah.latest-names .bd-tab.female:hover{
	background-color: #fe9a9f;
}
.book-detail.surah.latest-names .bd-tab.male:hover a i, .book-detail.surah.latest-names .bd-tab.male:hover a p, .book-detail.surah.latest-names .bd-tab.female:hover a i, .book-detail.surah.latest-names .bd-tab.female:hover a p{
	color: #fff;
}


.book-table.name-table table th:nth-child(2), .book-table.name-table table td:nth-child(2){
	width: auto;
}
.book-table.name-table table td:first-child {
	width: 42%;
	font-family: nastalekh;
	font-size: 22px;
}
.book-table.name-table tr td:nth-child(2) {
	
	font-size: 18px;
}
.muslims .p-detail.p-name p{
	margin-bottom: 10px;
}
.muslims .p-detail.p-name p:last-child{
	margin-bottom: 0;
}


.tab-layouts .art-head{
	display: block;
}
.tab-layouts .article-tab .bg-art{
	width: 100%;
	min-width: 100px;
	height: 150px;
	margin-left: 0;
}
.tab-layouts .art-head h2{
	color: #000000;
	font-size: 26px;
}

/* Footer *************************************************************/
.logo-bar {
	background-color: #fff;
	padding: 15px 0;
}
.logo-bar ul {
	padding: 0;
	margin: 0;
	display: flex;
	list-style: none;
}
.logo-bar ul li {
	margin-right: 15px;
}
.logo-bar ul li a {
	color: #000;
	
	font-size: 14px;
}

.f-content {
	background-image: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 20px 0;
}
.f-content p {
	color: #fff;
	
	font-size: 14px;
	line-height: 1.3;
}

.f-bar{
	background-image: url("../images/footer-bar-bg.png");
	padding: 15px 0;
}
.f-bar ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: flex-end;
}
.f-bar ul li {
	margin: 0 8px;
	font-size: 27px;
	line-height: 1;
}
.f-bar a {
	color: #fff;
}
.header-2 {
	background-color: #fff;
	padding: 10px 15px;
	justify-content: space-between;
	border-radius: 8px;
	margin-bottom: 15px;
	align-items: center;
	display: none;
}
.logo-2 a{
	display: block;
	line-height: 1;
}
.bars {
	color: #389a8c;
	font-size: 24px;
	padding: 0 0 0 10px;
}
.close-icon{
	display: none;
}
/*.sidebar-menu ul, .close-icon {*/
	/*display: none;*/
/*}*/
.view-btn a {
    text-align: center;
    
    color: #000;
    text-decoration: underline;
}

/********   Media Query *******/

@media(max-width: 991px){
	.nav-link{
		padding: .5rem 5px;
	}
	.b-text{
		height: 290px;
		width: 52%;
		padding: 10px 15px 0 15px;
	}
	.b-text h1{
		margin-bottom: 5px;
	}
	.b-text ul{
		padding: 0;
		margin: 0;
	}
	.b-text ul li{
		padding: 2px 6px;
		margin-left: 10px;
	}
	.sidebar-menu ul{
		padding: 5px;
	}
	.sidebar-menu ul li a{
		padding: 8px 0;
	}
	.p-detail ul li span{
		padding: 4px 10px;
	}
	.bd-tab{
		width: calc(50% - 16px);
	}
	.sub-menu{
		display: none;
	}
	.tabs a{
		height: 90px;
		align-items: center;
		justify-content: center;
		text-align: right;
		font-size: 27px;
		line-height: 1;
	}
	.tab-3.tabs a{
		padding-left: 28px;
	}
	.book-detail.surah .bd-tab{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.tab-3.tabs a img{
		bottom: -4px;
		width: 72px;
	}
	.audio-detail.scholars .audio-tab a img{
		width: 150px;
	}
	.audio-tab a .play-video i{
		right: 0;
		left: 0;
		width: 48px;
		text-align: center;
		padding: 10px 0;
		margin: auto;
		height: 48px;
		top: 0;
		bottom: 0;
	}
	.audio-detail.n-khawan .audio-tab{
		    width: calc(33.333% - 12px);
	}
	.book-detail.surah.dua.hadees-list .bd-tab {
		display: block;
	}
}

@media(max-width: 767px){
	.header-2{
		display: flex;
	}
	
	.banner .carousel-item.b-item{
		background-position: center left;
	}
	.b-text {
		height: auto;
		width: 100%;
		padding: 10px 15px 55px 15px;
		text-align: center;
	}
	.b-text ul{
		justify-content: center;
	}
	.b-text ul li{
		margin-left: 5px;
		margin-right: 5px;
	}
	.p-detail ul{
		flex-wrap: wrap;
	}
	.p-detail ul li{
		width: 50%;
		margin: 10px 0;
	}
	.p-detail ul li p{
		margin-bottom: 0;
	}
	.p-detail ul li hr {
		margin: 8px 0;
	}
	.book-detail.islamic-names .bd-tab{
		width: 100%;
	}
	.book-detail.islamic-names .bd-tab:nth-child(2){
		border-width: 1px 0 1px 0;
	}
	.bd-tab, .book-detail.surah.dua .bd-tab, .audio-tab a {
		width: 100%;
		padding: 10px;
	}
	.aud-p{
		margin-right: 10px;
		margin-left: 10px;
		line-height: 1.4;
	}
	.audio-detail.scholars .audio-tab a {
		align-items: end;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		position: relative;
	}
	.audio-detail.scholars .audio-tab a span {
		position: absolute;
		top: 20px;
		left: 20px;
	}
	.audio-detail.scholars .audio-tab a .aud-p {
		width: 100%;
		    padding: 12px 10px 6px 10px;
    text-align: center;
	}
	.play-video{
		    width: 100%;
	}
	.tab-3.tabs a{
		text-align: center;
		justify-content: center;
	}
	.tab-3.tabs a img{
		width: 105px;
	}
	.logo-bar .row, .f-bar .row {
		flex-direction: column-reverse;
	}
	.logo-bar ul{
		justify-content: center;
	}
	.logo-bar .col-md-3 a {
		 margin: 0 auto 12px auto;
		 display: block;
		 text-align: center;
	 }
	.f-content p, .f-bar{
		text-align: center;
	}
	.f-bar ul{
		margin: 0 0 5px 0;
		justify-content: center;
	}
	.f-content{
		padding: 20px 0 10px 0;
	}
	.audio-detail.scholars .audio-tab a img {
		width: 100%;
	}
	.main-content .col-md-9.pl-0 {
		padding: 0;
	}
	.sidebar-menu ul{
		position: fixed;
		top: 0;
		/*right: 0;*/
		z-index: 999;
		overflow-y: auto;
		height: 100%;
		width: 100%;
		transition: 0.4s all;
		right: -100%;
	}
	.sidebar-menu ul li a{
		font-size: 26px;
	}
	.close-icon {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		padding: 15px;
		line-height: 1;display: block;
	}
	.close-icon i {
		color: #606770;
		background-color: #e4e6eb;
		border-radius: 50%;
		font-size: 24px;
		line-height: 1;
		padding: 6px 10px;
	}
	.sidebar-menu ul li a:hover{
		background-color: transparent;
	}
	.article-tab{
		width: 100%;
	}
	.list-pagination a{
		padding: 6px 8px;	
	}
	.audio-detail.n-khawan .audio-tab{
		   width: calc(50% - 12px);
	}
	.bread-crumbs ul{
		display: flex;
		flex-wrap: wrap;
	}
	.search-names form button span {
		display: none;
	}
	.search-names form button{
		padding: 0 15px;
	}

	.book-table.name-table tr td {
		padding: 6px 10px 2px 10px;
	}
	.share-media ul{
		flex-wrap: wrap;
	}
}
@media(max-width: 480px){
	.b-text p {
		min-height: 170px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.logo-bar ul{
		display: block;
		text-align: center;
	}
	.audio-detail.n-khawan .audio-tab{
		   width: 100%;
	}
}

.border-bottom{
	border-bottom: 1px solid;
}

.top_header {
    background: #fff;
    padding: 12px 0;
    z-index: 9;
    overflow: hidden;
    border-bottom: 1px solid #17529c;
    border-bottom: 2px solid #d3d4de;
    border-radius: 0;
}

.top_header .logo img {
    width: 130px;
    float: left;
    height: 22px;
    margin-top: 2px;
}

.top_header button {
      background: #1a78fa;
    color: #fff;
}

.btn, .btn:focus {
    font-size: 14px;
    padding: 3px 12px;
    cursor: pointer;
    height: 28px;
    min-width: 80px;
    border: none;
    outline: 0;
}

.text_normal{
	font-size: 18px!important;
}
.h_head {
    background: #359ca2;
    color: #fff;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 2px;
    border-radius: 5px;
}
.txt_maroon {
    color: #800000 !important;
}
.txt_blue {
    color: #106cc7 !important;
}
.displayflex{
    display: flex;
}