/* sufina home page css */
body{
	margin:0px;
	padding:0px;
}
*, :after, :before {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}
    /* banner section start */
    .sfPdTB{
	padding:48px 0px;
}
.sfBannerInner li{
	height: auto;
}
.sfBannerInner li a{
	background-size: cover;
    display: block;
    height: 100%;
    background-position: center center;
}
.sfbannerContent{
	padding-top: 84px;
	text-align: center;
}
.sfbannerContent .sfWlcmTxt{
	font-family: 'poppinslight';
	font-size: 16px;
	color:#fff;
	text-transform: uppercase;
}
.sfbannerContent .sfWlcmHdng{
	font-size: 28px;
	color:#cf9e51;
	margin-top: 8px;
	text-transform: uppercase;
}
.sfbannerContent .sfWlcmPara{
	font-size: 22px;
    color: #ffffff;
    margin-top: 32px;
    font-family: 'pt_serifitalic';
    line-height: 32px;
	display: none;
}
    .sfbannerContent .sfWlcmPara.txtWdtHdng {
        margin-top:132px;
    }
.sfheadingSep{
	display: block;
	margin:auto;
	position: relative;
	width:65px;
	height:1px;
	margin-top:14px;
	background-color: #d5a353;
}
.sfheadingSep:before{
	content: "";
	width:11px;
	height:11px;
	display: block;
	position: absolute;
	top:-5px;
	transform:rotate(45deg);
	left:calc(50% - 5px);
	background-color: #d5a353;
}
/* banner section end */
/* today's quote section start */
.secSftodaysQt, .secSpclCat, .secSfEbookLbry{
	background-color:#f1f1f2;
}

.ursContentList span.ursSantName a:hover {
    color: #59433F;
    cursor: pointer;
}
.ursContentList span.ursSantName a[href="javascript:void(0)"]:hover,
.ursContentList span.ursSantName a[href="javascript:void(0)"] {
    color: grey;
    pointer-events: none;
}

.ursMonthsCard:hover h3 {
    font-weight: 500;
}

.ursMonthsCard:hover h4 {
    color: #fff
}


.sftodaysQt{
	text-align: center;
}
.sfSecHdBox{
	text-align: center;
}
    .sfSecHdBox h2 {
        font-family: 'Slabo 27px','rozha_oneregular','ArefRuqa';
        color: #99827e;
        font-size: 24px;
        font-weight: 400;
    }
.sfTodaysQtContent p, .sfTodaysQtContent .pMW .pMT, .sfTodaysQtContent .pMW .pMST {
    font-family: 'pt_serifitalic','NotoDevanagari','NotoNastaliqUrdu';
    font-size: 20px;
    color: #59433f;
    line-height: 32px;
}
.sfTodaysQtContent{
	margin-top:40px;
	padding:0px 28px;
}
.sfQtPoet{
	text-align: center;
	margin-top:32px;
	/*padding-top:32px;*/
	position: relative;
}
    .sfQtPoet:before {
        content: "";
        position: absolute;
        width: 100%;
        max-width: 284px;
        height: 1px;
        /*background-color: #e5e5e5;*/
        background-color: transparent;
        top: 0;
        left: calc(50% - 142px);
    }
.sfQtPtBox{
	width:82px;
	height: 82px;
	border:2px solid #99827e;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	margin:auto;
}
.sfQtPtBox img {
    width:100%;
}
.sfQtPtDtl h3 {
    font-family: 'pt_serifregular','NotoDevanagari','NotoNastaliqUrdu';
    font-size: 16px;
    color: #000;
    /*margin-top:28px;*/
    display: inline-block;
    letter-spacing: -0.025em;
    font-weight: normal;
    text-transform: uppercase;
}
    .sfQtPtDtl h3:hover {
        color: #00aaff;
    }
.sfQtPtDtl p{
	font-family:'poppinsregular';
	color:#000;
	font-size:12px;
	margin-top:20px;
	letter-spacing: 0.3em;
}
.sfBtn{
	margin-top:32px;
	text-align: center;
}
.sfTodaysQtContainer .activitySources{
	margin-top:28px;
}
    .sfTodaysQtContainer .activitySources ul li span {
        font-family: 'poppinsregular','NotoNastaliqUrdu','NotoDevanagari';
        /*font-size: 14px;*/
    }
.sfGlblButton {
    font-family: 'pt_serifregular','NotoDevanagari','NotoNastaliqUrdu';
    padding: 14px 20px;
    font-size: 14px;
    color: #000000;
    background-color: #d5a353;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 2px;
    transition: all 0.3s;
}
/* today's quote section end */
/* featured Poet section start */
.secSfFtrdPoet {
   /* background-image: url(/Content/Images/sufinama/featuredBg.jpg);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.secSfFtrdPoet .sfSecHdBox h2, .secSfTrmlgy .sfSecHdBox h2, .secSfFtrVdo .sfSecHdBox h2{
	color:#fff;
}
.sfFtrPoetContainer{
	margin-top:32px;
}
.sfFtrPoetBox{
	text-align: center;
}
    .sfFtrPoetBox .sfFtrPtHdng {
        font-size: 18px;
        font-family: 'pt_serifitalic','NotoDevanagari','NotoNastaliqUrdu';
        color: #fff;
        position: relative;
        padding-bottom: 20px;
        font-weight: normal;
    }
.sfFtrPoetBox .sfFtrPtHdng:before {
    content: "";
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    transform: rotate(45deg);
	bottom:0;
    left: calc(50% - 5px);
    background-color: #d5a353;
}
.sfFtPtBox .sfFtPtImg{
	width:106px;
	height:106px;
	margin:24px auto 0px;
	border-radius: 50%;
	border:4px solid #d5a353;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sfFtPtBox .sfFtrPtNm {
    font-size: 18px;
    color: #d5a353;
    font-family: 'pt_serifregular','NotoDevanagari','NotoNastaliqUrdu';
    margin-top: 18px;
    font-weight: normal;
}
.sfFtPtBox .sfFtrPtDt {
    font-size: 12px;
    color: #d5a353;
    font-family: 'poppinsregular','NotoDevanagari','NotoNastaliqUrdu';
    margin-top: 8px;
    letter-spacing: 0.3em;
}
.sfFtPtBox .sfFtrPtLns{
	font-size: 16px;
	color: #ffffff;
	font-family: 'pt_serifitalic';
	line-height: 30px;
	letter-spacing: -0.025em;
	margin-top: 36px;
}
.sfFtrPoetBox:nth-child(2){
	position: relative;
	margin:56px 0 0;
	padding:56px 16px 0px;
}
	.sfFtrPoetBox:nth-child(2):before{
		content: "";
		position: absolute;
		height:1px;
		width:100%;
		top: 0;
		left: 0;
		background-color: #d5a353;
	}
/* featured Poet section end */
/* sufi terminology section start */
.secSfTrmlgy {
    /*background-image: url(/Content/Images/sufinama/wordOfTheDay.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sfTrmlgy{
	text-align: center;
	margin-top: 72px;
}
    .sfTrmlgy .wordContainer h1 {
        color: #d5a353;
        font-family: 'pt_serifitalic','NotoDevanagari','NotoNastaliqUrdu';
    }
.sfTrmlgy .meaningContainer ul li{
	color:#ffffff;
}
.sfTrmlgy .meaningContainer ul li.mngSeperator{
	width:7px;
	height: 7px;
	background-color: #d5a353;
	border-radius: 50%;
}
.sfTrmlgy .engMeaning p{
	font-family: 'poppinsregular';
	color: #ffffff;
	font-size: 12px;
}
.sfTrmlgy .engMeaning h3{
	font-size: 18px;
	padding: 12px 24px;
	background-color: #d5a353;
	font-family: 'poppinsregular';
	font-weight: normal;
	display: inline-block;
	border-radius: 2px;
}
    .sfTrmlgy .pMC .c p {
        color: #ffffff;
        font-family: 'pt_serifitalic','NotoDevanagari','NotoNastaliqUrdu';
    }
.sfTrmlgy .sherDetail p, .sfTrmlgy .sherDetail p a{
	color: #ffffff;
	font-family: 'poppinsregular';
}
.sfTrmlgy .sherDetail p a{
	border-bottom: 1px solid #fff;
}
/* sufi terminology section end */
/* special categories section start */

.sfSpclCatBoxContainer{
	margin-top: 28px;
}
.sfSpclCatBox{
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    width: 48.4%;
    margin-right: 3.2%;
    float: left;
    margin-bottom: 10px;
	transition: all 0.3s;
}
    .sfSpclCatBox a {
        padding: 12px 16px 18px;
        display:block;
    }
    .sfSpclCatBox:nth-child(1) {
       /* background-image: url(/Content/Images/sufinama/hikayat.jpg);*/
    }
    .sfSpclCatBox:nth-child(2) {
       /* background-image: url(/Content/Images/sufinama/letters.jpg);*/
    }
    .sfSpclCatBox:nth-child(3) {
       /* background-image: url(/Content/Images/sufinama/articles.jpg);*/
    }
    .sfSpclCatBox:nth-child(4) {
       /* background-image: url(/Content/Images/sufinama/quotes.jpg);*/
    }
    .sfSpclCatBox:nth-child(5) {
       /* background-image: url(/Content/Images/sufinama/urs.jpg);*/
    }
    .sfSpclCatBox:nth-child(6) {
       /* background-image: url(/Content/Images/sufinama/khanqah.jpg);*/
    }
.sfSpclCatBox:nth-child(2n+0){
	margin-right: 0px;
}
.sfSpclCatBox .SfSpclCatHvrLyr{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #0a0e11;
	opacity: 0.6;
	transition: all 0.5s;
}
.sfSpclCatBox .sfSpclCatInner{
	position: relative;
}
.sfSpclCatBox .sfSpclIcon{
	font-size: 24px;
	color: #ffffff;
}
    .sfSpclCatBox h4 {
        font-size: 16px;
        font-family: 'pt_serifbold','rozha_oneregular','ArefRuqa';
        margin-top: 16px;
        color: #d5a353;
        font-weight: normal;
    }
    .sfSpclCatBox p {
        font-size: 12px;
        font-family: 'pt_serifbold','NotoDevanagari','NotoNastaliqUrdu';
        margin-top: 16px;
        color: #ffffff;
    }
.sfSecTgLn {
    font-size: 16px;
    color: #141414;
    font-family: 'poppinslight','NotoNastaliqUrdu','NotoDevanagari';
    margin-top: 56px;
    display: none;
}
/* special categories section end */

/* featured video section start */
.secSfFtrVdo{
	background-color: #59433f;
}
    .secSfFtrVdo .videoContainer {
        margin-top: 32px;
    }
.secSfFtrVdo .videoFooter{
	text-align: center;
}
    .secSfFtrVdo .videoDetail h1 a {
        color: #d5a353;
        font-family: 'poppinsregular','NotoNastaliqUrdu','NotoDevanagari';
    }
    .secSfFtrVdo .videoDetail p, .secSfFtrVdo .videoDetail p a{
        color: #ffffff;
        font-family: 'poppinsregular';
    }
.secSfFtrVdo .shareVideoIcon{
	color: #d5a353;
    font-size:48px;

}
.secSfFtrVdo .sharevideoBox .sharebtnAnim{
	background: #d5a353;
	border-radius: 0px;
}
/* featured video section end */

/* ebook library section start */
.sfEbkContainer{
	margin-top: 74px;
}
.sfEbkBox{
	width: 47%;
	float: left;
    vertical-align:top;
	/*margin-right: 6%;
	perspective: 2000px;
    margin-bottom:32px;*/
}
/*.sfEbkBox:nth-child(2n+0){
	margin-right: 0;
}*/
.sfEbkImg {
    position: relative;
    box-shadow: 0px 4px 15px #ccc;
}
	.sfEbkImg .sfEbkAnmPg {
		position: absolute;
		left: 0;
		top: 0;
		-ms-transform-origin: 0;
		transform-origin: 0;
		will-change: transform;
		background-image: linear-gradient(45deg, white, #fafafa);
		transition: transform .3s ease;
        width:100%;
	}
	.sfEbkImg img {
		display: block;
		height: auto;
	}
    .sfEbkImg img {
        /*max-width: 100%;*/
        width: 100%;
        height: 220px;
    }
.sfEbkFooter{
	margin-top:24px;
}
.sfEbkFooter .sfEbkName{
	font-size: 16px;
    color: #bd9151;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 96%;
    line-height:normal;
}
    .sfEbkFooter .sfEbkAthr {
        font-size: 12px;
        margin-top: 8px;
        color: #000000;
        font-family: 'poppinslight','NotoDevanagari','NotoNastaliqUrdu';
    }
    .sfEbkFooter .sfEbkDt {
        font-size: 12px;
        margin-top: 16px;
        color: #000000;
        font-family: 'poppinsmedium','NotoDevanagari','NotoNastaliqUrdu';
    }
    .sfEbkFooter .sfEbkPbl {
        font-size: 12px;
        margin-top: 8px;
        color: #000000;
        font-family: 'poppinsitalic','NotoDevanagari','NotoNastaliqUrdu';
    }
/* ebook library section end */

/* poetry collection section start */
.sfPtryCollContainer{
	margin-top:36px;
}
.sfPtryCollBox{
	background-repeat: no-repeat;
	background-size: cover;
	/*background-position: 74px -93px;*/
	margin-bottom: 12px;
	transition: all 0.3s;
    min-height:362px;
    position:relative;
}
.sfPtryCollBox a{
	display: block;
    /*padding-top:150px;*/
}
    .sfPtryCollBox.sfSantVani {
       /* background-image: url(/Content/Images/sufinama/santVani.png);*/
    }
    .sfPtryCollBox.sfSufiVani {
       /* background-image: url(/Content/Images/sufinama/sufiVani.png);*/
    }
    .sfPtryCollBox.sfPnjSufiVani {
        /*background-image: url(/Content/Images/sufinama/panjabiSufiKalam.jpg);*/
    }
    .sfPtryCollBox .sfPtryCollBoxInner {
        padding: 18px;
        width: 100%;
        background: rgba(102,80,53,0);
        background: -moz-linear-gradient(top, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,80,53,0)), color-stop(50%, rgba(102,80,53,1)), color-stop(100%, rgba(102,80,53,1)));
        background: -webkit-linear-gradient(top, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
        background: -o-linear-gradient(top, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
        background: -ms-linear-gradient(top, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
        background: linear-gradient(to bottom, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#665035', endColorstr='#665035', GradientType=0 );
        position:absolute;
        bottom:0;
    }
.sfPtryCollBoxInner h4 {
    font-weight: normal;
    font-size: 18px;
    font-family: 'pt_serifregular','rozha_oneregular','ArefRuqa';
    color: #ffffff;
}
.sfPtryCollBoxInner p {
    font-size: 12px;
    font-family: 'poppinsregular','NotoNastaliqUrdu','NotoDevanagari';
    color: #ffffff;
    line-height: 18px;
    margin-top: 14px;
}
/* poetry collection section end */

/*-qawwali page start*/
.sldrOvrlFlwWrap {
    width: 100%;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    padding-left:0px;
}

.sfQwaliblog {
    margin-top: 30px;
}

.sfQawlibnr img {
    width: 100%;
    height:203px;
}

.sfBlogQwaliCotnt {
    width: calc(50% - 7px);
    margin-right: 14px;
    float: left;
}
.qawlisfblog .sfBlogQwaliCotnt {
    width: calc(50% - 10px);
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
}

.qawlisfblog .sfBlogQwaliCotnt:nth-child(2n+2){
    margin-right:0;
}
    .qawlisfblog .sfBlogQwaliCotnt img {
        width: 100%;
        height: 200px;
    }

.sfBlogQwaliCotnt:last-child {
    margin-right: 0
}

.sfblogsec {
    margin-right: 0;
}

.QwalirendervideoSec {
    margin-top: 30px;
}

.sfSehraTag {
    background-image: url(https://rekhta.pc.cdn.bitgravity.com/Content/3.5/Images/ecailles.png);
    background-color: #1bbaef;
    padding: 22px 12px;
    text-align: center;
    display: block;
    background-repeat: repeat;
    color: #fff;
    font-family: oswaldregular,NotoDevanagari,NotoNastaliqUrdu;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 0 5px 5px rgba(0,0,0,.5);
    border-radius: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sldrOvrlFlwInr {
    overflow-x: auto;
    padding-bottom: 10px;
    margin-bottom: -10px;
    -webkit-overflow-scrolling: touch;
}

.t20SrsCardCmn {
    display: inline-block;
    float: none;
}

.qawlisf .t20SrsCardCmn {
    width: 196px;
    margin-right: 18px;
    margin-bottom:0;
    flex:0 0 196px;
}
    .qawlisf .t20SrsCardCmn .cpltImgCrd {
        padding-bottom: 40px
    }
.qawlisf .t20SrsCrdSocial .shareSocial {
    top: -40px
}
.sfBlogQwaliCotnt img {
    width: 100%;
    height: 157px
}

.qawlisf .t20SrsCrd .t20ImgPath {
    border: 1px solid #efefef;
}

.qfvideoSecWrap .rVideoPlayerWrap {
    width: 100%;
    padding: 0;
}

.qfvideoSecWrap .rVideoPlayingWrap {
    padding: 0;
}

.qfvideoSecWrap QawwaliSlider li {
    width: 310px;
}

.rVideoSlider .bx-wrapper .bx-controls-direction a {
    margin-top: -42px;
    top: 50%;
    border-radius: 0;
    background-color: #00aaff;
    color: #fff;
}
.sfstudioUrdupoetry .rVideoSlider .bx-wrapper .bx-controls-direction a {
    background-color: #fff;
    color: #ababab;
    border-radius:50%;
  
}
    .sfstudioUrdupoetry .rVideoSlider .bx-wrapper .bx-controls-direction a:hover {
        background-color: #e2054b;
        color: #fff;
    }

.rVideoSlider .bx-wrapper img, .rVideoSlider .mblScrlInr img {
    width: 100%;
    border-radius: 15px;
}

.QawwaliSlider li h4 {
    display: none;
}

.QawwaliSlider ul li i {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background: url("../Content/images/vvideoBtn.png") no-repeat center center;*/
    z-index: 9;
    margin-left: 0;
    margin-top: 0;
    cursor: pointer;
    display: block;
    pointer-events: none;
}



.cpltTagSlider .cpltTagList, .cpltSlideContainer .t20SrsCardCmn, .cpltSlideContainer .shyriImgBox, .morePoetSlider ul li, .mblScrlInr .bookContent, .mblScrlInr .shyriImgBox, .mblScrlInr .sherClContent, .mblScrlInr .discoverBox, .rVideoSlider .mblScrlInr li, .mblScrlInr .sEMCard, .mblScrlInr .sfEbkBox, .morePoetSlider .searchPoetsList {
    width: 196px;
}

.owl-carousel.owl-carousel .owl-nav button.disabled {
    opacity: 0;
    visibility: hidden;
}

.sfSehraTagsec .owl-carousel .owl-nav button.owl-next, .sfSehraTagsec .owl-carousel .owl-nav button.owl-prev, .sfSehraTagsec .owl-carousel button.owl-dot {
    background-color: #ffffff !important;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    color: #00aaff;
}

.qawlisf .owl-carousel .owl-nav button.owl-next, .qawlisf .owl-carousel .owl-nav button.owl-prev, .qawlisf .owl-carousel button.owl-dot {
    color: #ababab;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #ccc;
    height: 50px;
}
.qawlisf .sfvideolistcontainer .owl-carousel .owl-nav button {
    border-radius: 0;
    background-color: #00aaff !important;
    color: #fff ;
}
    .qawlisf  .owl-carousel .owl-nav button:hover {
        background-color: #e2054b !important;
        color: #fff;
        border: 1px solid #e2054b;
    }
.qawlisf .owl-carousel .owl-nav .owl-next span:before {
    content: "\e94b";
    font-size: 32px;
    font-family: 'rIcons';
    margin: auto;
    right: -16px;
    top: 4px;
    position: absolute;
}
.qawlisf .owl-carousel .owl-nav .owl-prev span:before {
    margin: auto;
    left: -15px;
    top: 4px;
    position: absolute;
}
    .qfvideoSecWrap .mblScrlInr{
    overflow-y:visible;
}

.sfvideolistcontainer {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}
.sfBlogQwaliCotnt p {
    font-size: 18px;
    line-height: 24px;
    padding-top: 10px;
    font-family: latoxregular;
    color: #ababab;
    padding-bottom: 10px;
}

/*qawwali page end*/


.blogOnRekhta .hPBlogSection {
    margin-top: 36px;
}

.rhblogslidesection .rHblogDesctxt {
    max-height: 66px;
}
.rHLattestBlogDesc p {
    line-height: 21px;
}
.rHLattestBlogDesc h4 {
    display:none;
}
.qawlisf .t20SrsCardCmn:nth-child(3n+2) {
    margin-right: 18px;
}
.qawlisf .bxsliderPoet, .qawlisf .cpltTagSlider {
    overflow-y: hidden
}


.fixedInnerContentHeaderFixed, .fixedInnerContentHeaderFixed.mrgnHdrHt {
    top: 56px;
}

/*10-November-2022-Donation Appeal */
.sf_donateContent {
    background: #ECFDFF;
    padding: 40px 20px;
    margin: 52px 0px 0px;
    border-radius: 10px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.sf_ContentLeft {
    width: 100%;
    padding-right: 0;
    text-align: center;
}

.sf_DonateSection h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #988583;
    font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
}

.sf_ContentRight {
    margin-top: 32px;
}

.sf_DonateBtn {
    text-transform: capitalize;
    color: #000000;
    border-color: transparent;
    position: relative;
    overflow: visible;
    transition: 0.5s all;
    padding: 0px;
    touch-action: none;
}

    .sf_DonateBtn span {
        position: relative;
        z-index: 1;
        display: block;
        padding: 10.5px 28px;
        border: 1px solid #000000;
        border-radius: 100px;
    }

    .sf_DonateBtn:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #FFBD5A;
        left: 0px;
        top: 0px;
        border-radius: 100px;
        transition: 0.3s all;
        
    }

    .sf_DonateBtn:hover:after {
        margin-top: -5px;
        margin-left: 5px;
    }
/*10-November-2022-Donation Appeal*/
/*13-07-2023 start*/
/*.navigation li a:hover:after {
    background: #ffbd5a;
}*/
/*.categories li a:after, .srchSrtPopup ul li a:after,
.poetIndexIndexing li a.IndexActive, .alphabetIndexing li a.IndexActive,
.poetIndexIndexing li a:hover, .alphabetIndexing li a:hover {
    background: #ffbd5a;
}
.contentListHeader h1, .contentListHeader h1 .H1-small {
    margin-bottom:8px;
}*/
/*13-07-2023 end*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .sfPtryCollBox{
		width:49%;
		float: left;
		margin-right:2%;
		margin-bottom: 0px;
		background-position: center;
        min-height:390px;
	}
	.sfPtryCollBox:hover{
		transform: scale(1.05);
	}
	/*.sfPtryCollBox a{
		padding-top: 200px;
	}*/
	.sfPtryCollBox:last-child{
		margin-right: 0px;
	}
	.sfPtryCollBox .sfPtryCollBoxInner{
		width: 100%;
		padding: 16px;
		background: rgba(102,80,53,0);
		background: -moz-linear-gradient(top, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,80,53,0)), color-stop(50%, rgba(102,80,53,1)), color-stop(100%, rgba(102,80,53,1)));
		background: -webkit-linear-gradient(top, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
		background: -o-linear-gradient(top, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
		background: -ms-linear-gradient(top, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
		background: linear-gradient(to bottom, rgba(102,80,53,0) 0%, rgba(102,80,53,1) 50%, rgba(102,80,53,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#665035', endColorstr='#665035', GradientType=0 );
	}
    .sfEbkBox {
        /*width: 22%;*/
        width: 17.6%;
        float: left;
        margin-right: 3% !important;
        perspective: 2000px;
    }
        .sfEbkBox:nth-child(2n+0) {
            margin-right: 3%;
        }
    .sfEbkImg img {
        height: 168px;
    }
	.sfBannerInner li {
		height: 320px;
	}
	.sfbannerContent {
		padding-top: 120px;
	}
   
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .sfEbkImg img{
        height:214px;
    }
    .qawlisfblog .sfBlogQwaliCotnt img {
        width: 100%;
        height: 300px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

	.sfbannerContent .sfWlcmTxt{
		font-size:30px;
	}
	.sfbannerContent .sfWlcmHdng{
		font-size:50px;
	}
	.sfBannerInner li {
		height: 362px;
	}
	/*.sfbannerContent {
		padding-top: 232px;
	}*/
	.sfSecHdBox h2{
		font-size:38px;
	}
	.sfheadingSep{
		width:104px;
		height:1px;
		margin-top:18px;
	}
    .sfBlogQwaliCotnt img {
        height: 371px
    }
	.sfheadingSep:before{
		width:15px;
		height:15px;
		top:-7px;
		left: calc(50% - 7px);
	}
	.sfbannerContent .sfWlcmPara{
		display: block;
	}
    .sfTodaysQtContent p, .sfTodaysQtContent .pMW .pMT, .sfTodaysQtContent .pMW .pMST {
        font-size: 24px;
        line-height: 42px;
    }
	.sfQtPoet:before{
		max-width: 426px;
		left:calc(50% - 213px);
	}
	.sfQtPtDtl h3{
		font-size:20px;
	}
	.sfQtPtDtl p{
		font-size:16px;
	}
	.sfBtn{
		margin-top: 64px;
	}
	.sfGlblButton{
		font-size:18px;
		padding: 14px 28px;
	}
	.sfGlblButton:hover{
		background-color: #e8b769;
	}
	.sfTodaysQtContainer .activitySources{
		margin-top:48px;
	}
	/* featurd poet */
	.sfFtrPoetBox{
		width:50%;
		float:left;
	}
	.sfFtrPoetBox:nth-child(2){
		padding:0px 16px;
		margin:0;
		border:0;
	}
	.sfFtrPoetBox:nth-child(2):before{
		content: "";
		position: absolute;
		width: 1px;
		height: 68%;
		top: 22%;
		left: 0;
	}
	.sfFtrPoetBox .sfFtrPtHdng{
		font-size: 30px;
	}
	.sfFtPtBox .sfFtPtImg{
		width: 180px;
		height: 180px;
	}
	.sfFtPtBox .sfFtrPtNm{
		font-size: 24px;
		margin-top: 24px;
	}
	.sfFtPtBox .sfFtrPtDt{
		font-size: 16px;
		margin-top: 14px;
	}
	.sfFtPtBox .sfFtrPtLns{
		font-size: 20px;
		margin-top: 56px;
	}
	
	/* poetry collection */
	.sfPtryCollContainer{
		margin-top:74px;
	}
	/* special cat */
	
	.sfSpclCatBoxContainer{
		margin-top: 74px;
	}
	.sfSpclCatBox{
		width: 32.334%;
		margin-right: 1%;
		margin-bottom: 8px;
		cursor: pointer;
	}
        .sfSpclCatBox a {
            padding: 42px 16px 56px;
        }
	.sfSpclCatBox:hover{
		background-size: cover;
	}
	.sfSpclCatBox:nth-child(2n+0){
		margin-right: 1%;
	}
	.sfSpclCatBox:nth-child(3n+0){
		margin-right: 0;
	}
	.sfSpclCatBox .sfSpclIcon{
		font-size: 44px;
		color: #d5a353;
	}
	.sfSpclCatBox h4{
		font-size: 24px;
		color: #000000;
		margin-top: 56px;
	}
	.sfSpclCatBox p{
		font-size: 16px;
		color: #d5a353;
		margin-top: 42px;
	}
	.sfSpclCatBox .SfSpclCatHvrLyr{
		background-color:#ffffff;
		opacity: 1;
	}
	.sfSpclCatBox:hover .SfSpclCatHvrLyr{
		background-color: #0a0e11;
		opacity: 0.6;
	}
	.sfSpclCatBox:hover .sfSpclIcon{
		color: #ffffff;
	}
	.sfSpclCatBox:hover h4{
		color: #d5a353;
	}
	.sfSpclCatBox:hover p{
		color: #ffffff;
	}
	.sfSecTgLn{
		display: block;
	}
	
	/* video section start */
    .secSfFtrVdo .videoContainer {
        margin-top: 74px;
    }
	.secSfFtrVdo .videoFooter{
		text-align: left;
	}
	.secSfFtrVdo .videoFooter .videoDetail{
		float:left;
	}
	.secSfFtrVdo .videoFooter .videoShare{
		float:right;
	}
	/* ebook library start */
/*
	.sfEbkBox{
		width: 22%;
		margin-right: 3%;
	}
*/

    .sfEbkImg img {
        height: 300px;
    }
	.sfEbkBox:last-child{
		margin-right: 0 !important;
	}
	/*.sfEbkFooter{
		margin-top:48px;
	}*/
	.sfEbkFooter .sfEbkName{
		font-size: 16px;
	}
	.sfEbkFooter .sfEbkDt {
		font-size: 12px;
		margin-top: 16px;
	}
	.sfEbkFooter .sfEbkAthr, .sfEbkFooter .sfEbkPbl{
		font-size: 14px;
		margin-top:16px;
	}
	.sfEbkImg {
/*
		width: 300px;
		max-width: 100%;
*/
		transform-style: preserve-3d;
		transform: rotateY(0);
		margin: 0 auto;
		transition: transform .6s ease;
	}
	.sfEbkImg:hover {
		transform: rotateY(-30deg);
	}
	.sfEbkImg .sfEbkAnmPgFront {
		background-color: #333;
		transform: rotateY(-2deg);
	}
	.sfEbkImg .sfEbkAnmPgFront:after {
		content: " ";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
	}
	.sfEbkImg:hover .sfEbkAnmPgFront {
		transform: rotateY(-20deg);
	}
        .sfEbkImg .sfEbkAnmPgBack {
            /*background: url(../img/pattern.png) !important;*/
            transform: translateZ(-50px) rotateY(180deg);
            -ms-transform-origin: center;
            transform-origin: center;
            box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.1);
            width: 100%;
            height: 100%;
        }
	.sfEbkImg .sfEbkAnmPgFirstPage, .sfEbkImg .sfEbkAnmPgSecondPage {
		width: 100%;
		height: 100%;
		background-color: white;
	}
	.sfEbkImg .sfEbkAnmPgFirstPage {
		transform: rotateY(-1deg);
		background-image: linear-gradient(75deg, #aaa, #ccc);
	}
	.sfEbkImg:hover .sfEbkAnmPgFirstPage {
		transform: rotateY(-10deg);
	}
	.sfEbkImg .sfEbkAnmPgSecondPage {
		background-color: #fafafa;
		background-image: linear-gradient(45deg, #f3f3f3, #fafafa);
	}
	.sfEbkImg .sfEbkAnmPgSide {
		width: 50px;
		bottom: 0;
		background-color: #333;
		transform: rotateY(90deg);
		background-image: linear-gradient(45deg, #333, #111);
	}
	.sfEbkImg .sfEbkAnmPgSidPaper {
		width: 50px;
		bottom: 0;
		left: 100%;
		background-color: white;
		transform: rotateY(90deg);
		background-color: #f3f3f3;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…B5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
		background-image: -webkit-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
		background-image: repeating-linear-gradient(to right, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
		background-image: -ms-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
	}
    /*qawwali page start*/
    .qawlisf .t20SrsCardCmn {
        width: 100%;
        margin-right:0;
    }

    .qfvideoSecWrap .cpltTagSlider .cpltTagList, .qfvideoSecWrap .cpltSlideContainer .t20SrsCardCmn, .qfvideoSecWrap cpltSlideContainer .shyriImgBox, .qfvideoSecWrap .morePoetSlider ul li, .qfvideoSecWrap .mblScrlInr .bookContent, .qfvideoSecWrap .mblScrlInr .shyriImgBox, .qfvideoSecWrap .mblScrlInr .sherClContent, .qfvideoSecWrap .mblScrlInr .discoverBox, .qfvideoSecWrap .rVideoSlider .mblScrlInr li, .qfvideoSecWrap .mblScrlInr .sEMCard, .qfvideoSecWrap .mblScrlInr .sfEbkBox, .qfvideoSecWrap .morePoetSlider .searchPoetsList {
        width: 310px;
    }
    .qfvideoSecWrap .rVideoSlider .mblScrlInr li {
        width:100%;
    }
    .qfvideoSecWrap .rVideoSlider .mblScrlInr li i {
        width:70px;
        height:70px;
    }
    .sldrOvrlFlwInr {
        overflow-x: visible;
    }

    .sfSehraTag {
        padding: 29px 12px;
    }
    .sfQawlibnr img {
        width: 100%;
        height: auto;
    }
    .qawlisfblog .sfBlogQwaliCotnt img {
        width: 100%;
        height: 400px;
    }
    .sfBlogQwaliCotnt p {
        font-size: 18px;
    }
    .qfvideoSecWrap .sfvideolistcontainer {
        overflow: visible;
    }
    .sfSehraTagsec .cpltTagSlider {
        overflow-y: visible;
    }
    .sfstudioUrdupoetry .cpltSlideContainer, .morePoetSlider, .mblScrlPrnt {
        overflow: visible
    }

        /*qawwali page end*/


    .blogOnRekhta .hPBlogSection {
        margin-top: 74px;
    }
    .rhblogslidesection .rHblogDesctxt {
        max-height: 96px;
    }
    .rhblogslidesection .rHblogimagecontar img {
        height: 208px !important;
    }
    .rHblogDesctxt {
        max-height: 96px !important;
    }

    .fixedInnerContentHeaderFixed{
        top:64px;
    }

    }

.rdVoiceInner i.rdVociceIcon,
.rdVoiceInner span {
    color: #988583;
}
.loader-circle-99 .circle {
    border: 2px solid rgba(152,133,131,.5);
}
.qfvideoSecWrap .rVideoSlider .mblScrlInr li {
    position:relative;
}
.qfvideoSecWrap .rVideoSlider .mblScrlInr li i {
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    transform:translate(-50%,-50%);
}
.qfvideoSecWrap .rVideoSlider .mblScrlInr li i img {
    width:100%;
    height:auto;
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    /*.sfBannerInner li {
		height: 428px;
	}*/
    .sfbannerContent {
        padding-top: 72px;
    }

        .sfbannerContent .sfWlcmPara.txtWdtHdng {
            margin-top: 158px;
        }
        .sfbannerContent .sfWlcmPara {
            font-size: 20px;
            line-height: 36px;
            margin-top: 48px;
        }
	/*poetry collection*/

    .sfPtryCollBox {
        width: 576px;
        margin-right: 16px;
        min-height: 583px;
    }
	/*.sfPtryCollBox a{
		padding-top: 391px;
	}*/
	.sfPtryCollBox .sfPtryCollBoxInner{
		padding: 28px;
	}
	.sfPtryCollBoxInner h4{
		font-size: 26px;
	}
	.sfPtryCollBoxInner p{
		line-height: 24px;
	}
	
	/* special categories */
	
	.sfSpclCatBox{
		width: 364px;
		margin-right: 30px;
		margin-bottom: 30px;
		cursor: pointer;
	}
        .sfSpclCatBox a {
            padding: 42px 16px 56px;
        }
	.sfSpclCatBox:hover{
		background-size: cover;
	}
	.sfSpclCatBox:nth-child(2n+0){
		margin-right: 30px;
	}
	.sfSpclCatBox:nth-child(3n+0){
		margin-right: 0;
	}
}
@media (min-width: 1440px) {
    .sfBannerInner li {
         height: 576px; 
    }
    .sfbannerContent .sfWlcmPara.txtWdtHdng {
        margin-top: 200px;
    }
    .sfbannerContent {
        padding-top: 224px;
    }
        .sfbannerContent .sfWlcmPara {
            font-size: 24px;
            line-height: 40px;
        }
    .sfTodaysQtContent {
        margin-top: 64px;
        padding: 0px 194px;
    }
    .sfPdTB {
        padding: 96px 0px;
    }
    .sfTodaysQtContent p, .sfTodaysQtContent .pMW .pMT, .sfTodaysQtContent .pMW .pMST {
        font-size: 28px;
        line-height: 48px;
    }
    .sfQtPoet {
        margin-top: 24px;
        /*padding-top: 48px;*/
    }
}
/* new css for home page */
.text-content p {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 0;
    color: #B2B2B2;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



.h1 {
    font-family: 'Playfair Display', 'rozha_oneregular', 'MehrNastaliqRegular';
    font-size: 32px;
    line-height: 43px;
    color: #988583;
    font-weight: bold;
}

.h2 {
    font-family: 'Playfair Display', 'rozha_oneregular','ArefRuqa';
    font-size: 24px;
    line-height: 32px;
    color: #988583;
    font-weight: bold;
}


.h3 {
    font-family: 'Playfair Display', 'rozha_oneregular','rozha_oneregular';
    font-size: 18px;
    line-height: 36px;
    color: #988583;
    font-weight: bold;
}


.h4 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
}


.h5 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
}

.h6 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

header#header {
    position: initial;
}


/*----------- Global css ------------*/

.bg-cat {
    position: absolute;
    bottom: 0px;
}

    .bg-cat.bg-cat-1 {
        right: 25.72px;
    }

    .bg-cat.bg-cat-2 {
        right: 0px;
        top: 50%;
        bottom: initial;
        transform: translateY(-50%);
    }

    .bg-cat img {
        display: block;
        max-width: 128.28px;
    }

.bg-gray {
    background-color: #D5D5D5;
}

.bg-orange {
    background-color: #D88888;
}

.bg-pink {
    background-color: #CF8AB6;
}

.bg-blue,
.contentListHeadernew.bg-blue {
    background-color: #A386B2;
}

.bg-skyblue {
    background-color: #8AB2CF;
}

.bg-brown {
    background-color: #947673;
}

.bg-green {
    background-color: #87BEA2;
}

.poet-bg {
    display: inline-block;
    width: 232px;
    height: 228px;
    border-radius: 100%;
}

    .poet-bg:before {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 210px;
        height: 206px;
        border-radius: 100%;
    }

.poet-bg-1 {
    background: #E59999;
}

.poet-bg-2 {
    background: #B697C7;
}

.poet-bg-1,
.poet-bg-2 {
    position: absolute;
    right: -18px;
    bottom: -51px;
}

    .poet-bg-1:before {
        background: #ECADAD;
    }

    .poet-bg-2:before {
        background: #CEAFDE;
    }

    .poet-bg-1:before,
    .poet-bg-2:before {
        position: absolute;
        bottom: 8px;
        right: 2px;
        width: 210px;
        height: 206px;
        border-radius: 100%;
    }

.poet-bg img {
    position: relative;
    z-index: 1;
}

.poet-bg-1 img {
    max-width: 174px;
}

.poet-bg-1 img,
.poet-bg-2 img {
    position: absolute;
    right: 9px;
    top: -16px;
}

.poet-bg-2 img {
    max-width: 187px;
    right: -40px;
    top: 6px;
}

.bookmMark {
    display: none;
}

.playIcon {
    cursor: pointer;
}

.Container-md {
    max-width: 1201px;
    margin: 0px auto;
}

.commonPadding {
    padding: 46px 0px 0px;
}

    .commonPadding.commonPaddingReduce {
        padding: 26px 0px 0px;
    }

.dFlex {
    display: flex;
    display: -webkit-flex;
}

.noWrap {
    flex-wrap: nowrap;
}

.overFlowHidden {
    overflow: hidden;
}
.adPromo {
    padding:46px 0px 0px;
}
.adPromo.adPromoHome {
    margin-top: 0px;
}

.adPromoInner {
    min-height: 1px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

    .adPromoInner img {
        border-radius: 10px;
        width: 100%;
        height: 100%;
        display: block;
        border: 1px solid #e1e1e1;
    }

    .adPromoInner .adTitle {
        font-weight: normal;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #FFFFFF;
    }


/*------ Button --------*/

.btn {
    font-family: 'Roboto', 'NotoDevanagari','NotoNastaliqUrdu';
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    padding: 10.5px 18px;
    border-radius: 100px;
    color: #808080;
    border: 1px solid #E1E1E1;
    display: inline-block;
}

    .btn.btn-orange {
        text-transform:capitalize;
        color: #000000;
        border-color: transparent;
        position: relative;
        overflow: visible;
        transition: 0.5s all;
        padding: 0px;
        touch-action: none;
    }    
        .btn.btn-orange:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #FFBD5A;
            left: 0px;
            top: 0px;
            border-radius: 100px;
            transition: 0.3s all;
        }
        .btn.btn-orange span {
            position: relative;
            z-index: 1;
            display: block;
            padding: 10.5px 18px;
            border: 1px solid #000000;
            border-radius: 100px;
        }

        .btn.btn-orange:hover:after {
            margin-top: -5px;
            margin-left: 5px;
        }
        .sfbannerContent {
            display:none;
        }

    .btn.btn-icon {
        border: 1px solid #E1E1E1;
        padding: 6px 10px 6px 32.79px;
        border-radius: 100px;
        position: relative;
        display: inline-block;
        min-width: 36px;
        min-height: 36px;
    }

        .btn.btn-icon span {
            font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
            font-weight: normal;
            font-size: 14px;
            line-height: 19px;
            color: #808080;
        }

        .btn.btn-icon [class^="rico-"],
        .btn.btn-icon [class*=" rico-"] {
            font-size: 24px;
            line-height: 30px;
            color: #808080;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            left: 6px;
        }

        .btn.btn-icon.btn-none {
            padding: 6px;
        }

            .btn.btn-icon.btn-none [class^="rico-"],
            .btn.btn-icon.btn-none [class*=" rico-"] {
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .btn.btn-icon.btn-none span,
            .btn.btn-icon.btn-none span {
                display: none;
            }

.text-center {
    text-align: center;
}

.text-content h2 {
    margin-bottom: 14px;
}

.text-content p {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 24px;
    padding: 0;
    color: #B2B2B2;
}

.bx-controls-direction > .bx-next {
    transform: rotate(180deg);
}

button {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border: 0px;
}

.disabled {
    opacity: 0;
    visibility: hidden;
}

.newOwl .owl-nav button,
.sfBanner .flex-direction-nav li.flex {
    color: #000;
    border: 0px;
    padding: 6px;
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    background: transparent;
}
.newOwl .owl-nav button:before,
.sfBanner .flex-direction-nav li.flex:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    border-radius: 100px;
    border:1px solid #000;
    z-index:1;
}
    .newOwl .owl-nav button:after,
    .sfBanner .flex-direction-nav li.flex:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        border-radius: 100px;
        background-color: #FFBD5A;
        transition: 0.3s all;
    }
    .newOwl .owl-nav button i,
    .sfBanner .flex-direction-nav li.flex a{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
        z-index: 1;
    }
/*.sfBanner .flex-direction-nav a.flex-next:before {
    content: "\e92b";
}
.sfBanner .flex-direction-nav a.flex-prev:before {
    content: "\e92b";
}*/       
    .newOwl .owl-nav button.owl-next {
        right: 0px;
    }
        .newOwl .owl-nav button.owl-next:hover:after {
            left: 5px;
            top: -1px;
        }
        .newOwl .owl-nav button.owl-prev:hover:after {
            right: 3px;
            top: -1px;
            left: auto;
        }
        .newOwl .owl-nav button.owl-next i {
            transform: rotate(180deg) translate(50%, 50%);
        }

    .newOwl .owl-nav button:hover,
    .newOwl .owl-nav button:focus {
        color: #000;
        background-color: transparent;
    }


/*----------- Clearfix Rule Starts ------------*/

.clearfix {
    *zoom: 1;
}

a:focus,
img:focus,
button:focus,
img {
    outline: none;
}

a {
    text-decoration: none;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.Container-md {
    padding-left: 16px;
    padding-right: 16px;
}

.owl-stage-outer,
.owl-stage {
    overflow: hidden;
}

.hideScrollbar::-webkit-scrollbar {
    display: none;
}

.hideScrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


/*----------- Clearfix Rule Ends ------------*/

header {
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    transition: all 0.3s;
    min-height: 45px;
    z-index: 9999999;
}

    header.headerSticky {
        top: -70px;
        box-shadow: 0px 0px 16px #ccc;
    }


/*sufiNewBannerSlider*/
.flexsliderHome li.hdBannerSliderItem img {
    min-height: 203px;
}

/*sufiTodaysQuote*/
.sufiTodaysQuote {
    padding:46px 0px 0px;
    overflow:hidden;
}
.sufiTodaysQuote h2 {
    font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
    font-size: 24px;
    line-height: 32px;
    color: #988583;
    font-weight: bold;
}

.sufiTodaysQuote .sufiSherLayoutSliderWrap {
    position: relative;
}
.sufiTodaysQuote .sufiSherLayoutSliderWrap.owl-rtl {
    direction:rtl;
}
    .sufiSherLayoutSliderWrap .owl-item {
        float: left;
    }
    .owl-rtl.sufiSherLayoutSliderWrap .owl-item {
        float:right;
    }
    .sufiSherLayoutSliderWrap .activitySources {
        margin-top:24px;
    }
    .sufiSherLayoutSliderWrap .activitySources ul li .icon {
        margin-top: 0px;
        font-size:24px;
        line-height:36px;
        width:36px;
        height:36px;
        color:#000;
        position:relative;
      }
.activitySources ul li.readGhazalFull:hover .iconReadFull {
    color: #000;
}
    .sufiSherLayoutSliderWrap .activitySources .sourcesLeft {
        margin-bottom:0px;
    }
    .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li {
        border:1px solid #000;
        border-radius:100px;
        margin-right:7px;
    }

    .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li:last-child {
        margin-right:0px;
        position:relative;
        border:0px;
    }
     .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li:last-child a {
         position:relative;
         z-index:9;
     }
     span.submitButn,
     .submitFormBtn,
     .deviceCFBtn{
         position:relative;
         display:inline-block;
     }
        .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li:last-child:before,
        span.submitButn:before,
        .submitFormBtn:before,
        .deviceCFBtn:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            bottom: 0px;
            right: 0px;
            height: 100%;
            width: 100%;
            border-radius: 100px;
            border: 1px solid #000;
            z-index: 9;
        }
        .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li:last-child:after,
        span.submitButn:after,
        .submitFormBtn:after,
        .deviceCFBtn:after {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background-color: #FFBD5A;
            border-radius: 100px;
            border: 1px solid #FFBD5A;
            transition: 0.3s all;
        }
        .deviceCFBtn {
            z-index:99;
        }
        .submitFormBtn:after,
        .deviceCFBtn:after {
            z-index: -1;
        }
            .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li:last-child:hover:after,
            .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li:last-child:focus:after,
            span.submitButn:hover:after,
            span.submitButn:focus:after,
            .submitFormBtn:hover:after,
            .submitFormBtn:focus:after,
            .deviceCFBtn:hover:after,
            .deviceCFBtn:focus:after {
                left: 5px;
                top: -5px;
            }
        
     .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li .shareSocial {
         top:-28px;
         z-index:99;
     }
    .sufiSherLayoutSliderWrap .quoteContent {
        margin-bottom: 24px;
    }
   .sufiSherLayoutSliderWrap .activitySources li.readGhazalFull span.btnText {
       display:inline-block;
       border-bottom:0px;
       color:#000;
   }
     .sufiSherLayoutSliderWrap .activitySources ul li span.btnText {
         margin-top:12px;
         margin-bottom:0px;
         padding-bottom:0px;
         padding-right:10px;
         font-family:'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';

    }
        .sufiSherLayoutSliderWrap .quoteContent p,
        .sufiSherLayoutSliderWrap .quoteContent .pMC p span {
            font-family: 'MerriweatherXLightItalic';
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 0px;
            color: #000000;
        }

        .sufiSherLayoutSliderWrap .quoteContent .pMC .c:hover {
            background: transparent;
        }

    .sufiSherLayoutSliderWrap .quoteContent .pMC p,
    .sufiSherLayoutSliderWrap .quoteContent .pMC p span,
    .sufiSherLayoutSliderWrap .quoteContent .pMC .c p:nth-child(2n) {
        margin-bottom: 0px;
        margin-top: 0px;
    }

.sufiSherLayoutSliderWrap .quoteItem h4 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    color: #FFBD5A;
    display:inline-block;
}

    .sufiSherLayoutSliderWrap .quoteShare > ul {
        display: block;
    }

    .sufiSherLayoutSliderWrap .quoteShare {
        margin-top: 24px;
    }

        .sufiSherLayoutSliderWrap .quoteShare > ul > li {
            margin-right: 14px;
            display: inline-block;
            vertical-align: middle;
            height: 36px;
            position: relative;
        }

.shareSocial {
    box-sizing: border-box;
    visibility: hidden;
    padding: 12px 8px;
    position: absolute;
    width: 0;
    height: 64px;
    overflow: hidden;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    z-index: 1;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5); 
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
}

.sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare .shareSocial {
    position: absolute;
    top: -29px;
    display: block;
}

    .sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare .shareSocial.socialShareActive {
        width: 186px;
        left: -68px;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare .shareSocial ul li {
        list-style: none;
        display: inline-block;
        margin-right: 0 !important;
    }

        .sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare .shareSocial ul li a {
            width: 40px;
            height: 40px;
            display: block;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
            line-height: 40px;
            color: grey;
            text-align: center;
        }

.sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare li {
    float: none;
}

.sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare .shareSocial ul li.shareClose {
    float: right;
    border-left: 1px solid #f2f2f2;
    padding-left: 8px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 28px;
    color: grey;
    line-height: 40px;
    box-sizing: border-box;
}

.sufiSherLayoutSliderWrap .quoteShare > ul > li:last-child {
    margin-right: 0px;
}

.sufiTodaysQuote .bx-wrapper .bx-controls-direction a {
    top: initial;
    bottom: 0px;
}

.sufiTodaysQuote .bx-wrapper .bx-controls-direction .bx-prev {
    left: 0px;
}

.sufiTodaysQuote .bx-wrapper .bx-controls-direction .bx-next {
    right: 0px;
}

.sufiSherLayoutSliderWrap .owl-nav button,
.newOwl.sufiSherLayoutSliderWrap .owl-nav button {
    top: initial;
    bottom: 2px;
    transform: none;
}


/*sufiFeaturedPoets*/
.sufiFeaturedPoets {
    padding:46px 0px 0px;
}
.sufiFeaturedPoets h2 {
    font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
    font-size: 24px;
    line-height: 32px;
    color: #988583;
    font-weight: bold;
}

.sufiFeaturedPoetSlider {
    margin-right: -16px;
    margin-left: -16px;
    overflow-x: auto;
    padding-bottom: 0px;
    white-space: nowrap;
    display: flex;
}

    .sufiFeaturedPoetSlider .poetData:first-child {
        margin-left: 16px;
        margin-right: 14px;
    }

    .sufiFeaturedPoetSlider .poetData:last-child {
        margin-right: 16px;
    }

    .sufiFeaturedPoetSlider .poetData {
        border-radius: 10px;
        background: #8AB2CF;
        flex: 0 0 221px;
        margin-right: 14px;
        white-space: normal;
        display: inline-block;
    }

        .sufiFeaturedPoetSlider .poetData .poetDataInner {
            padding: 36px 24px;
        }

        .sufiFeaturedPoetSlider .poetData h5 {
            font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
            font-size: 14px;
            line-height: 19px;
            font-weight: bold;
            letter-spacing: 2.1px;
            text-transform: uppercase;
            color: #A5DAFF;
            margin-bottom: 16px;
        }

        .sufiFeaturedPoetSlider .poetData figure {
            width: 84px;
            height: 84px;
            background-color: #62707A;
            border-radius: 100px;
            margin: 0px auto 16px;
            position: relative;
            overflow: hidden;
        }

            .sufiFeaturedPoetSlider .poetData figure img {
                position: absolute;
                width: 84px;
                height: 84px;
                top: 0px;
                left: 0px;
            }

.poetDesc {
    margin-bottom: 24px;
}

    .poetDesc h4 {
        font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
        font-size: 16px;
        line-height: 21px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 8px;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }

    .poetDesc .h5 {
        font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
        font-size: 14px;
        line-height: 19px;
        color: #FFFFFF;
        font-weight: normal;
        display: block;
    }


/*----- sufiWordTerminologies -----*/
.sufiTerminologies {
    padding: 46px 0px 0px;
}
    .sufiTerminologies h2 {
        font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
        font-size: 24px;
        line-height: 32px;
        color: #988583;
        font-weight: bold;
    }

.sufiWordTerminologies {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 0px;
}

    .sufiWordTerminologies .sufiWordTermCard:first-child {
        margin-left: 16px;
        margin-right: 14px;
    }

    .sufiWordTerminologies .sufiWordTermCard:last-child {
        margin-right: 16px;
    }

.sufiWordTermCard {
    flex: 0 0 221px;
    max-width: 221px;
    display: inline-flex;
    flex-direction:column;
    justify-content:space-between;
    padding: 24px;
    margin-right: 14px;
    white-space: normal;
    border-radius: 10px;
    background-color: #79928B;
}

    .sufiWordTermCard .sufiWord {
        min-height: 100px;
        margin-bottom:20px;
    }

    .sufiWordTermCard h3 {
        font-family: 'merriweatherbold_italic', 'NotoNastaliqUrdu', 'NotoDevanagari';
        
        font-size: 22px;
        line-height: 1.5;
        margin-bottom: 0px;
        color: #fff;
    }

    .sufiWordTermCard h4 {
        font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
        font-size: 14px;
        line-height: 1.5;
        color: #fff;
        font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        margin-bottom: 10px;
    }

        .sufiWordTermCard h4 span,
        .sufiWordTermCard h4 strong {
            display: inline-block;
        }

        .sufiWordTermCard h4 .devNagri {
            font-family: 'NotoDevanagariRegular';
        }

        .sufiWordTermCard h4 .meHr {
            font-family: 'MehrNastaliqRegular';
        }

        .sufiWordTermCard h4 strong {
            font-size: 18px;
            color: rgba(255, 255, 255, 0.5);
            margin-left: 10px;
            margin-right: 11px;
        }
        .sufiWordMeaning {
            display:none;
        }
.sufiWordMeaning h6 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 14px;
    line-height: 19px;
    text-transform: capitalize;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 16px;
}

.sufiWordMeaning h5 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.sufiWordMeaning .pMC .c p {
    white-space: normal;
    margin-bottom: 0px;
    margin-top: 0px;
}


.sufiWordMeaning .pMC .c:hover {
    background: transparent;
}

.sufiWordMeaning .pMC p,
.sufiWordMeaning .pMC p span {
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}

.sufiWordMeaning .pMC .c p span:hover {
    color: #FFBD5A;
}

.sufiWordMeaning h5:last-child {
    margin-bottom: 0px;
    font-weight: normal;
}


/*---- sufiPoetryCollection ------*/
.sufiPoetryCollection {
    padding:46px 0px 0px;
}

    .sufiPoetryCollection h2 {
        font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
        font-size: 24px;
        line-height: 32px;
        color: #988583;
        font-weight: bold;
    }
.poetryType {
    flex-direction: column;
}

.featuredPoetry {
    padding: 24px 16px;
    border-radius: 10px;
    min-height: 460px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
    .featuredPoetry.featuredPoetry {
        border-radius: 10px;
    }
    .featuredPoetry .featuredPoetryInner,
    .featuredPoetry .featuredPoetryInner .text-content {
        display: flex;
    }
    .featuredPoetry .featuredPoetryInner .text-content {
        flex-direction:column;
        justify-content:space-between;
    }
    .featuredPoetry h1 {
        font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
        font-size: 32px;
        line-height: 43px;
        color: #FFFFFF;
        margin-bottom: 14px;
        font-weight: bold;
    }

    .featuredPoetry .text-content {
        position: relative;
        z-index: 2;
    }

    .featuredPoetry h1 {
        color: #FFFFFF;
        margin-bottom: 14px;
    }

    .featuredPoetry .text-content p {
        color: #FFFFFF;
    }

.poetryCards {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin-left: -16px;
    margin-right: -16px;
}

    .poetryCards .poetryCardsItem:first-child {
        margin-left: 16px;
        margin-right: 13px;
    }

    .poetryCards .poetryCardsItem:last-child {
        margin-right: 16px;
    }

.poetryCardsItem {
    padding: 12px 25px 12px 12px;
    border-radius: 10px;
    display: inline-block;
    width: 141px;
    margin-right: 11px;
    position: relative;
}

    .poetryCardsItem h3 {
        font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';        
        font-weight: 500;
        color: #FFFFFF;
        line-height: 24px;
        padding-right:10px;
        margin-bottom: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .poetryCardsItem h6 {
        color: #FFFFFF;
        font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
    }

    .poetryCardsItem .rico-arrowthinright {
        font-size: 10px;
        color: #FFFFFF;
        opacity: 0.5;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
    }

        .poetryCardsItem .rico-arrowthinright:hover,
        .poetryCardsItem .rico-arrowthinright:focus {
            opacity: 1;
        }


/*------ sufiQawwali ---------*/
.sufiQawwali {
    padding: 46px 0px 0px;
}
    .sufiQawwali h2 {
        font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
        font-size: 24px;
        line-height: 32px;
        color: #988583;
        font-weight: bold;
    }
.sufiQawwaliItem figure {
    min-height: 220px;
    width: 100%;
    position: relative;
    border-radius: 10px;
    padding: 20px;
    overflow:hidden;
}

    .sufiQawwaliItem figure img {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
    }

    .sufiQawwaliItem figure .sufiContent {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

.sufiQawwaliSlider {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin-left: -16px;
    margin-right: -16px;
}

    .sufiQawwaliSlider .sufiQawwaliItem:first-child {
        margin-left: 16px;
        margin-right: 11px;
    }

    .sufiQawwaliSlider .sufiQawwaliItem:last-child {
        margin-right: 16px;
    }

    .sufiQawwaliSlider .sufiQawwaliItem {
        white-space: normal;
        display: inline-block;
        margin-right: 11px;
        width: 220px;
    }

.sufiQawwaliItem h2 {
    color: #FFFFFF;
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-weight:bold;
    line-height: 32px;
    margin-bottom: 1.13px;
    text-transform: uppercase;
}

.sufiQawwaliItem h5 {
    color: #FFFFFF;
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
}


/*---- sufiNamaBlogs ------*/
.sufiNamaBlogs {
    padding: 46px 0px 0px;
}
    .sufiNamaBlogs h2 {
        font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
        font-size: 24px;
        line-height: 32px;
        color: #988583;
        font-weight: bold
    }
.sufiNamaBlogsData {
    margin-bottom: 23px;
}

    .sufiNamaBlogsData.dFlex {
        flex-wrap: wrap;
        flex-direction: column;
    }

.sufiNamaBlogs .btnGroup {
    margin-top: 0px;
}

.sufiNamaBlogsData .sufiNamaBlogsItem:first-child {
    margin-bottom: 23.71px;
}

.sufiNamaBlogsData h3 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 5px;
}

    .sufiNamaBlogsData h3 a {
        color: #000000;
    }

.featuredBlog picture {
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    margin-bottom: 8.65px;
}

    .featuredBlog picture img {
        height: auto;
        width: auto;
        max-width:100%;
        display: block;
    }

    .featuredBlog picture:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    }

.featuredContent {
    margin-bottom: 13.92px;
}

    .featuredContent p {
        font-size: 12px;
        line-height: 14px;
        color: #808080;
    }

.authorFeatured {
    display: block;
}

    .authorFeatured figure {
        display: inline-block;
        width: 32px;
        height: 32px;
        overflow: hidden;
        border-radius: 100px;
        margin-right: 10px;
        vertical-align: middle;
    }

        .authorFeatured figure img {
            width: 32px;
            height: 32px;
        }

    .authorFeatured .authorDetails {
        display: inline-block;
        vertical-align: middle;
    }

        .authorFeatured .authorDetails .authName,
        .authorFeatured .authorDetails .authName a {
            font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
            font-size: 12px;
            line-height: 16px;
            color: #000000;
            font-weight: normal;
        }

        .authorFeatured .authorDetails .yearTime {
            font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
            font-size: 12px;
            line-height: 16px;
            color: #808080;
            font-weight: normal;
        }

.authorDetails span,
.authorDetails strong {
    display: inline-block;
}

.authorDetails strong {
    margin-left: 6px;
    margin-right: 6px;
}

.sufiNamaBlogsItem .blogsItem {
    display: block;
    margin-bottom: 20.71px;
}

    .sufiNamaBlogsItem .blogsItem .poetBlogDetail h5 a {
        max-width: 100%;        
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%;
    }

    .sufiNamaBlogsItem .blogsItem > a {
        display: inline-block;
    }

    .sufiNamaBlogsItem .blogsItem:last-child {
        margin-bottom: 0px;
    }


.blogsItem figure {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
}

    .blogsItem figure img {
        width: 64px;
        height: 64px;
    }

.blogsItem .poetBlogDetail {
    display: inline-block;
    width: calc(100% - 73px);
    vertical-align: top;
    padding: 0px;
}

    .blogsItem .poetBlogDetail > a {
        max-width: 100%;
        padding: 0px;
    }

        .blogsItem .poetBlogDetail > a.bookmMark {
            display: none;
        }

    .blogsItem .poetBlogDetail h5 {
        font-family: 'NotoDevanagariBold', 'LatoXBold';
        font-size: 14px;
        line-height: 19px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 9px;
        margin-top: 0px;
        white-space: normal;
        text-overflow: initial;
    }

    .blogsItem .poetBlogDetail .authorDetails .authName,
    .blogsItem .poetBlogDetail .authorDetails .authName a {
        color: #808080;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
        display:inline-flex;
        align-items:flex-end;
    }
    .blogsItem .poetBlogDetail .authorDetails .authName span a {
        padding-left: 5px;
    }
        .blogsItem .poetBlogDetail .authorDetails .authName span,
        .blogsItem .poetBlogDetail .authorDetails .authName strong,
        .blogsItem .poetBlogDetail .authorDetails .authName a {
            display: inline-block;
            font-weight: normal;
            vertical-align: middle;
            line-height:19px;
        }
        .blogsItem .poetBlogDetail .authorDetails .authName a {
            display:block;
        }

        .blogsItem .poetBlogDetail .authorDetails .authName strong {
            margin-left: 6.72px;
            margin-right: 6.72px;
            font-weight: normal;
            font-size: 22px;
            vertical-align: middle;
        }


/*-------- specialCategoriesBoxtop -------------*/
.specialCategories {
    padding:46px 0px 0px;
}
    .specialCategories h2 {
        font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
        font-size: 24px;
        line-height: 32px;
        color: #988583;
        font-weight: bold;
    }
.specialCategoriesBoxtopInner .text-content h1,
.specialCategoriesBoxtopInner .text-content p {
    color: #fff;
}

.specialCategoriesBoxtopInner .text-content h1 {
    margin-bottom: 14px;
    font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
    font-size: 32px;
    line-height: 43px;
    font-weight: bold;
}

.specialCategoriesBoxtop {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin-right: -16px;
    margin-left: -16px;
    margin-bottom: 14px;
}

    .specialCategoriesBoxtop .specialCategoriesBoxtopInner:first-child {
        margin-left: 16px;
        margin-right: 14px;
    }

    .specialCategoriesBoxtop .specialCategoriesBoxtopInner:last-child {
        margin-right: 16px;
    }

    .specialCategoriesBoxtop .specialCategoriesBoxtopInner {
        flex: 0 0 276px;
        max-width: 276px;
        border-radius: 10px;
        padding: 24px 16px 24px;
        margin-right: 14px;
        position: relative;
        display:flex;
        width:100%;
    }
     .specialCategoriesBoxtop .specialCategoriesBoxtopInner .text-content {
         display:flex;
         flex-direction:column;
         justify-content:space-between;
     }

/*---------------- specialCategoriesBoxbottom -------------------------*/

.specialCategoriesBoxbottom {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin-right: -16px;
    margin-left: -16px;
}

    .specialCategoriesBoxbottom .specialCategoriesBox:first-child {
        margin-left: 16px;
        margin-right: 11px;
    }

    .specialCategoriesBoxbottom .specialCategoriesBox:last-child {
        margin-right: 16px;
    }

    .specialCategoriesBoxbottom .specialCategoriesBox {
        display: inline-block;
        width: 220px;
        height: 220px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        margin-right: 11px;
    }

        .specialCategoriesBoxbottom .specialCategoriesBox img {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }

        .specialCategoriesBoxbottom .specialCategoriesBox .cateContent {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .specialCategoriesBoxbottom .specialCategoriesBox .cateContent h2 {
                font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
                font-size: 24px;
                line-height: 32px;
                font-weight:bold;
                color: #FFFFFF;
                text-transform: uppercase;
                margin-bottom: 1.13px;
            }

            .specialCategoriesBoxbottom .specialCategoriesBox .cateContent h5 {
                color: #FFFFFF;
                font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
                font-size: 14px;
                line-height: 14px;
                font-weight: normal;
            }


/*------- -  sufiFeaturedVideosBox -----------*/

.sufiFeaturedVideos {
    padding: 46px 0px 0px;
}
    .sufiFeaturedVideos h2 {
        font-family: 'Playfair Display', 'rozha_oneregular','MehrNastaliqRegular';
        font-size: 24px;
        line-height: 32px;
        color: #988583;
        font-weight: bold;
    }

.sufiFeaturedVideosBox {
    margin-bottom: 23px;
}

    .sufiFeaturedVideosBox .feturedVideoMainInner,
    .sufiFeaturedVideos .rVideoPlayingWrap .rVideoContainer {
        height: 189px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        background-color: #D5D5D5;
        margin-bottom: 10px;
    }

        .sufiFeaturedVideosBox .feturedVideoMainInner .playIcon,
        .sufiFeaturedVideosBox .feturedVideoMainInner iframe {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
            opacity: 1;
            width: 70px;
            height: 70px;
            z-index: 1;
        }

        .sufiFeaturedVideosBox .feturedVideoMainInner iframe {
            opacity: 0;
            visibility: hidden;
            width: 100%;
            height: 100%;
        }

.feturedVideoMain,
.rVideoPlayerWrap {
    margin-bottom: 24px;
}

.videoContent h4,
.sufiFeaturedVideos .rVideoPlayingWrap .rVideoDesc h4 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 2px;
}

.videoContent p,
.sufiFeaturedVideos .rVideoPlayingWrap .rVideoDesc h3 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #808080;
}

.featuredVideoSlider,
.sufiFeaturedVideos .rVideoListing {
    display: block;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    margin-left: -16px;
    margin-right: -16px;
}

    .featuredVideoSlider .featuredVideoSliderItem:first-child,
    .sufiFeaturedVideos .rVideoListing .rVideoListItem:first-child {
        margin-left: 16px;
        margin-right: 11px;
    }

    .featuredVideoSlider .featuredVideoSliderItem:last-child,
    .sufiFeaturedVideos .rVideoListing .rVideoListItem:last-child {
        margin-right: 16px;
    }

    .featuredVideoSlider .featuredVideoSliderItem,
    .sufiFeaturedVideos .rVideoListing .rVideoListItem {
        display: inline-block;
        width: 201px;
        margin-right: 11px;
        white-space: normal;
        vertical-align: top;
    }

        .featuredVideoSliderItem .videoData,
        .sufiFeaturedVideos .rVideoListing .rVideoListItem .videoData {
            border-radius: 10px;
            background-color: #D5D5D5;
            border-radius: 10px;
            background-color: #D5D5D5;
            width: 201px;
            height: 116px;
            margin-bottom: 10px;
            position: relative;
            overflow: hidden;
        }

            .featuredVideoSliderItem .videoData img,
            .sufiFeaturedVideosBox .feturedVideoMainInner img {
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                width: 100%;
                height: 100%;
                opacity: 0.8;
            }

            .featuredVideoSliderItem .videoData .playIcon {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                margin: auto;
                opacity: 1;
                width: 70px;
                height: 70px;
                z-index: 1;
            }

        .featuredVideoSliderItem .videoContent h5,
        .sufiFeaturedVideos .rVideoListing .rVideoListItem .videoContent h5 {
            font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
            font-size: 14px;
            line-height: 19px;
            font-weight: bold;
            color: #000000;
            margin-bottom: 2px;
        }


/*--------- ebooksLibrarySlider -----------*/
.ebooksLibrary {
    padding: 46px 0px 46px;
    
}
.rdRekhtaFamilyMoreContnr {
    background:transparent;
}
    .ebooksLibrary h2,
    .rdRekhtaFamilyMoreContnr h6.smallHeading {
        /*font-family: 'Playfair Display', 'rozha_oneregular','rozha_oneregular';*/
        font-family: 'Playfair Display','rozha_oneregular','MehrNastaliqRegular';
        font-size: 24px;
        line-height: 32px;
        color: #988583;
        font-weight: bold;
        letter-spacing: 0px;
        text-transform: none;
    }


.ebooksLibrarySlider {
    display: block;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    margin-right: -16px;
    margin-left: -16px;
}

    .ebooksLibrarySlider .ebooksLibrarySliderItem:first-child {
        margin-left: 16px;
        margin-right: 11px;
    }

    .ebooksLibrarySlider .ebooksLibrarySliderItem:last-child {
        margin-right: 16px;
    }

    .ebooksLibrarySlider .ebooksLibrarySliderItem {
        width: 174px;
        display: inline-block;
        white-space: normal;
        margin-right: 11px;
        position: relative;
        vertical-align: top;
    }

.ebooksLibrarySliderItem figure {
    height: 258px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 10px;
}

    .ebooksLibrarySliderItem figure img {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
    }

.ebookContent h5 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ebookContent .h5 {
    font-family: 'Roboto', 'NotoNastaliqUrdu', 'NotoDevanagari';
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    display: block;
    color: #808080;
    font-weight: normal;
    margin-bottom: 2px;
}
/* more from rekhta start */
.rdTRekhaFamCard .btnGroup a.btn:hover {
    background:initial;
    color:#000;
}
.rdRekhtaFamlySite .rico-back {
    display:block;
}
.rdRekhtaFamlySite.owl-carousel .owl-nav {
    margin-top:0px;
}
.rdRekhtaFamlySite.owl-carousel .owl-nav .owl-next,
.rdRekhtaFamlySite.owl-carousel .owl-nav .owl-prev {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}
.rdRekhtaFamlySite.owl-carousel .owl-nav .owl-next,
.rdRekhtaFamlySite.owl-carousel:hover .owl-nav .owl-next  {
    right: 0px;
    margin-right:-24px;
}
.rdRekhtaFamlySite.owl-carousel .owl-nav .owl-prev,
.rdRekhtaFamlySite.owl-carousel:hover .owl-nav .owl-prev {
    left: 0px;
    margin-left: -24px;
}
.rdTRekhaFamCard .btnGroup {
margin-top: 0px;
}

.rdTRekhaFamCard .btnGroup a {
    text-align: left;
}

.rdTRekhaFamCard .btnGroup span i {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    font-size: 21px;
}
.rdTRekhaFamCard .btnGroup span i {
    margin-left:4px;
}


/* more from rekhta end */

.flexsliderHome ul .owl-item {
    display:inline-block;
}

.flexsliderHome .owl-dots button {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flexsliderHome .owl-dots button span  {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.3);
}
.flexsliderHome .owl-dots {
    position: absolute;
    z-index: 1;
    bottom: 9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.flexsliderHome .owl-dots button span {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


.flexsliderHome .owl-dot.active span {
    background: #ffbd5a;
}
.flexsliderHome .owl-nav button.owl-next {
    right:15px;
    overflow:visible;
}
.flexsliderHome .owl-nav button.owl-prev {
    left: 15px;
    overflow: visible;
}

.flexsliderHome .owl-carousel .owl-nav {
    margin-top:0px;
}

.flexsliderHome .owl-carousel:hover .owl-nav .owl-prev {
    margin-left: -6px;
}

.flexsliderHome .owl-carousel:hover .owl-nav .owl-next {
    margin-right: -6px;
}

@media only screen and (min-width: 992px) {
    .flexsliderHome .newOwl .owl-nav button.owl-next {
        right: 40px;
    }

    .flexsliderHome .newOwl .owl-nav button.owl-prev {
        left: 40px;
    }

    .flexsliderHome .owl-dots button span {
        background:transparent;
    }
    .adPromoInner img {
        border: 0px;
    }
    .innerWrapper .deviceFixedMenu {
        display: none;
    }
   .text-content p {
        font-size: 16px;
        font-weight: normal;
        line-height: 21px;
        color: #B2B2B2;
    }

   
    .h1 {
        font-size: 44px;
        line-height: 59px;
    }

   
    .h2 {
        font-size: 32px;
        line-height: 43px;
    }

  
    .h3 {
        font-size: 24px;
        line-height: 36px;
    }

   
    .h4 {
        font-size: 18px;
        line-height: 24px;
    }

  
    .h5 {
        font-size: 14px;
        line-height: 19px;
    }

    .bg-cat.bg-cat-1 {
        right: 25.72px;
    }

    .bg-cat img {
        max-width: 167.52px;
    }

    .poet-bg {
        width: 324px;
        height: 315px;
    }

        .poet-bg:before {
            width: 296px;
            height: 287px;
        }

        .poet-bg img {
            max-width: 278px;
        }

    .poet-bg-1,
    .poet-bg-2 {
        right: -77px;
        bottom: -92px;
    }

        .poet-bg-1 img,
        .poet-bg-2 img {
            right: 24px;
            top: -24px;
        }

        .poet-bg-1 img {
            max-width: 226px;
        }

        .poet-bg-2 img {
            right: -17px;
        }

    .text-content p {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 36px;
    }

    .owl-stage-outer {
        overflow: hidden;
        position: relative;
    }

    .commonPadding,
    .commonPadding.commonPaddingReduce {
        padding: 56px 0px 0px;
    }

    .btn.btn-icon,
    .btn.btn-icon.btn-none {
        padding: 9.5px 15px 9.5px 38.98px;
    }

        .btn.btn-icon.btn-none span {
            display: block;
        }

        .btn.btn-icon span {
            font-size: 16px;
            line-height: 21px;
        }

        .btn.btn-icon [class^="rico-"],
        .btn.btn-icon [class*=" rico-"] {
            font-size: 32px;
        }

        .btn.btn-icon.btn-none [class^="rico-"],
        .btn.btn-icon.btn-none [class*=" rico-"] {
            left: 6px;
            transform: translateY(-50%);
        }

    .newOwl .owl-nav button {
        width: 46px;
        height: 46px;
        font-size: 32px;
        line-height: 32px;
        top: 47%;
        bottom: initial;
        transform: translateY(-50%);
        cursor: pointer;
    }

        .newOwl .owl-nav button i {
            font-size: 32px;
        }

        .newOwl .owl-nav button.owl-prev {
            left: -22px;
        }

        .newOwl .owl-nav button.owl-next {
            right: -22px;
        }
        .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li {
            margin-right:22px;
        }
    .sufiTodaysQuote {
        padding: 56px 0px 0px;
    }
    .sufiTodaysQuote h2 {
        font-size: 32px;
        line-height: 43px;
    }   
    .sufiTodaysQuote.sliderNewBx .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -242px;
    }

    .sufiTodaysQuote.sliderNewBx .bx-wrapper .bx-controls-direction a.bx-next {
        right: -242px;
    }
    /*--- banner section ------- */
    .flexsliderHome li.hdBannerSliderItem img {
        max-height: 100%;
    }
    .sufiFeaturedPoets,
    .adPromo {
        padding: 56px 0px 0px;
    }
    .sufiFeaturedPoets h2 {
        font-size: 32px;
        line-height: 43px;
    }


    .sufiSherLayoutSliderWrap .quoteShare > ul > li {
        height: auto;
    }

    .sufiSherLayoutSliderWrap .quoteContent p, .sufiSherLayoutSliderWrap .quoteContent .pMC p span {
        font-size: 24px;
        line-height: 36px;
    }
    .sufiSherLayoutSliderWrap .activitySources {
        margin-top:35px;
    }
    .sufiSherLayoutSliderWrap .quoteItem {
        padding: 0px 203px;
    }
    .sufiSherLayoutSliderWrap .activitySources ul li .icon {
        font-size:32px;
        line-height:46px;
        width:36px;
        height:46px;
        margin-left:6px;
    }

    .sufiSherLayoutSliderWrap .activitySources ul li span.btnText,
    .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li.sherFavorite  span{
        font-size: 16px;
        margin-top: 15px;
        padding-right: 15px;
        display:none;
    }
    .sufiSherLayoutSliderWrap .activitySources ul li div {
        padding-bottom:0px;

    }
    .sufiSherLayoutSliderWrap .activitySources ul li:hover .btnText,
    .sufiSherLayoutSliderWrap .activitySources ul.sourcesLeft > li.sherFavorite:hover span {
        border-bottom: 0px;
    }
    .sufiSherLayoutSliderWrap .quoteContent p {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 0px;
    }
    .sufiSherLayoutSliderWrap .quoteContent {
        margin-bottom:36px;
    }

    .sufiSherLayoutSliderWrap .quoteItem h4 {
        font-size: 16px;
        line-height: 21px;
        display:inline-block;
    }   
    .sufiSherLayoutSliderWrap .quoteShare {
        margin-top: 35px;
    }

        .sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare .shareSocial ul li.shareClose {
            float: none;
        }

        .sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare .shareSocial.socialShareActive {
            width: 152px;
        }

        .sufiSherLayoutSliderWrap .quoteShare > ul > li.cTsocailShare .shareSocial ul li.shareWhatsap {
            display: none;
        }

    .sufiSherLayoutSliderWrap.sufiSherLayoutSliderWrap .owl-nav button {
        top: 13%;
        bottom: initial;
    }
    /*sufiFeaturedPoets*/
    .sufiFeaturedPoetSlider {
        overflow: initial;
        position: relative;
        padding-bottom: 0px;
    }

        .sufiFeaturedPoetSlider,
        .sufiFeaturedPoetSlider .poetData:first-child,
        .sufiFeaturedPoetSlider .poetData:last-child,
        .sufiFeaturedPoetSlider .poetData,
        .sufiWordTerminologies,
        .sufiWordTerminologies .sufiWordTermCard,
        .sufiWordTerminologies .sufiWordTermCard:first-child,
        .sufiWordTerminologies .sufiWordTermCard:last-child,
        .sufiQawwaliSlider,
        .sufiQawwaliSlider .sufiQawwaliItem:first-child,
        .sufiQawwaliSlider .sufiQawwaliItem:last-child,
        .sufiQawwaliSlider .sufiQawwaliItem,
        .ebooksLibrarySlider,
        .ebooksLibrarySlider .ebooksLibrarySliderItem,
        .ebooksLibrarySlider .ebooksLibrarySliderItem:first-child,
        .ebooksLibrarySlider .ebooksLibrarySliderItem:last-child,
        .ebooksLibrarySlider .ebooksLibrarySliderItem,
        .specialCategoriesBoxbottom,
        .specialCategoriesBoxbottom .specialCategoriesBox:first-child,
        .specialCategoriesBoxbottom .specialCategoriesBox:last-child,
        .specialCategoriesBoxbottom .specialCategoriesBox,
        .poetryCards {
            margin: initial;
        }

            .sufiFeaturedPoetSlider .owl-stage-outer .owl-stage {
                display: flex;
            }

            .sufiFeaturedPoetSlider .owl-item {
                display: flex;
            }

            .sufiFeaturedPoetSlider .poetData {
                flex: 0 0 100%;
                max-width: 100%;
            }

                .sufiFeaturedPoetSlider .poetData figure {
                    position: relative;
                    overflow: hidden;
                }

                    .sufiFeaturedPoetSlider .poetData figure,
                    .sufiFeaturedPoetSlider .poetData figure img {
                        width: 96px;
                        height: 96px;
                    }

                        .sufiFeaturedPoetSlider .poetData figure img {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                        }


    .poetDesc h4 {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 6px;
    }
    /*adPromo*/

    .adPromoInner.adPromoInner {
        height: auto;
    }

        .adPromoInner .adTitle {
            font-size: 24px;
            line-height: 32px;
        }
    /*.sufiWordTerminologies*/
    .sufiTerminologies h2 {
        font-size: 32px;
        line-height: 43px;
    }
    .sufiWordTerminologies {
        position: relative;
        padding-bottom: 0px;
    }

        .sufiWordTerminologies .owl-stage-outer .owl-stage {
            display: flex;
        }

        .sufiWordTerminologies .owl-item {
            display: inline-flex;
        }

    .sufiTerminologies .btnGroup {
        margin-top: 36px;
    }

    .sufiTerminologies .sufiWordTermCard {
        padding: 36px 30px;
        box-sizing: border-box;
        flex: 0 0 100%;
        max-width: 100%;
        /*display: flex;
        flex-direction: column;*/
        justify-content: space-between;
    }

    .sufiWordTermCard h3 {
        font-size: 22px;
        line-height: 1.5;
        margin-bottom: 14px;
    }

    .sufiWordTermCard h4 {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 10px;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        margin-bottom: 24px;
    }

        .sufiWordTermCard h4 strong {
            font-size: 30px;
            margin-left: 16px;
            margin-right: 16px;
            vertical-align: middle;
        }

    .sufiWordMeaning h5 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px;
    }

        .sufiWordMeaning h5:last-child {
            font-weight: normal;
        }
    /*poetryType*/
    .sufiPoetryCollection {
        padding: 56px 0px 0px;
    }
        .sufiPoetryCollection h2 {
            font-size: 32px;
            line-height: 43px;
        }
    .featuredPoetry h1 {
        font-size: 44px;
        line-height: 59px;
    }
    .poetryType {
        flex-direction: row;
    }

        .poetryType .col-6 {
            flex: 0 0 49%;
            max-width: 49%;
            margin-right: 2%;
        }

            .poetryType .col-6:last-child {
                margin-right: 0px;
            }

                .poetryType .col-6:last-child.commonPadding {
                    padding: 0px;
                }

                    .poetryType .col-6:last-child.commonPadding .poetryCards:after {
                        display: none;
                    }

    .featuredPoetry {
        padding: 37px 36px 70px;
        min-height: 407px;
        display:flex;
    }

        .featuredPoetry h1 {
            margin-bottom: 16px;
        }

        .featuredPoetry .text-content {
            padding-right: 77px;
        }

            .featuredPoetry .text-content p {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 24px;
            }
    /*.poetryCardsItem*/
    .sufiQawwali {
        padding:56px 0px 0px;
    }
        .sufiQawwali h2 {
            font-size: 32px;
            line-height: 43px;
        }
    .poetryCards .poetryCardsItem:first-child,
    .poetryCards .poetryCardsItem {
        margin-left: 0px;
        margin-right: 4.2%;
    }

    .poetryCards {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        overflow: visible;
    }

        .poetryCards:after {
            content: "";
            width: 1px;
            height: 64px;
            background: #E1E1E1;
            position: absolute;
            right: -12px;
            top: 50%;
            transform: translateY(-50%);
        }

        .poetryCards .poetryCardsItem {
            flex: 0 0 30.5%;
            max-width: 30.5%;
            padding: 24px 24px 24px 14px;
        }

            .poetryCards .poetryCardsItem:last-child {
                margin-right: 0px;
            }

            .poetryCards .poetryCardsItem h3 {
                font-size: 20px;
                line-height: 21px;
                margin-bottom: 2px;
            }

            .poetryCards .poetryCardsItem h6 {
                font-size: 12px;
                line-height: 16px;
            }

    .poetryCardsItem .rico-arrowthinright {
        font-size: 14px;
    }
    /*.sufiQawwaliItem*/
    .sufiQawwaliSlider {
        position: relative;
        overflow: initial;
    }

        .sufiQawwaliSlider .owl-stage-outer .owl-stage {
            display: flex;
        }

        .sufiQawwaliSlider .owl-item {
            display: flex;
        }

        .sufiQawwaliSlider .sufiQawwaliItem {
            flex: 0 0 100%;
            max-width: 100%;
        }

    .sufiQawwaliItem figure {
        min-height: 274px;
    }

    .sufiQawwaliItem h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 6px;
    }

    .sufiQawwaliItem h5 {
        font-size: 14px;
        line-height: 19px;
    }
    /*.featuredBlog picture*/
    .sufiNamaBlogs {
        padding:56px 0px 0px;
    }
        .sufiNamaBlogs h2 {
            font-size: 32px;
            line-height: 43px;
        }
    .featuredBlog picture img {
        height: 396px;
    }
    .sufiNamaBlogsData {
        margin-bottom:25px;
    }
    .sufiNamaBlogsData.dFlex {
        flex-direction: row;
    }

    .sufiNamaBlogsData .sufiNamaBlogsItem {
        flex: 0 0 60.565%;
        max-width: 60.565%;
        margin-right: 1.33%;
    }

        .sufiNamaBlogsData .sufiNamaBlogsItem:first-child {
            margin-bottom: 0px;
        }

        .sufiNamaBlogsData .sufiNamaBlogsItem:last-child {
            flex: 0 0 38.1%;
            max-width: 38.1%;
            padding-left: 0.7%;
            margin-right: 0px;
        }

    .blogsItem figure,
    .blogsItem figure img {
        width: 79px;
        height: 79px;
    }

    .blogsItem .poetBlogDetail h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 1px;
        
    }


    .blogsItem figure {
        margin-right: 16px;
    }

    .sufiNamaBlogsItem .blogsItem {
        margin-bottom: 26.4px;
    }

        .sufiNamaBlogsItem .blogsItem:last-child {
            margin-bottom: 0px;
        }

    .blogsItem .poetBlogDetail {
        width: calc(100% - 100px);
        position: relative;
    }

    .featuredBlog {
        position: relative;
    }

        .featuredBlog .featuredContentBox {
            position: absolute;
            bottom: 0px;
            padding: 22.5px 14.65px 24.28px;
            width: 100%;
        }

    .sufiNamaBlogsData h3 {
        font-size: 32px;
        line-height: 43px;
        color: #fff;
        margin-bottom: 6px;
    }

        .sufiNamaBlogsData h3 a {
            color: #fff;
        }

    .featuredContent p {
        font-size: 16px;
        line-height: 21px;
        color: #fff;
    }

    .featuredContent {
        margin-bottom: 16.37px;
    }

    .authorFeatured figure,
    .authorFeatured figure img {
        width: 38px;
        height: 38px;
    }

    .authorFeatured .authorDetails .authName,
    .authorFeatured .authorDetails .yearTime {
        color: #FFFFFF;
        font-size: 14px;
        line-height: 19px;
    }

        .authorFeatured .authorDetails .authName a {
            color: #FFFFFF;
        }

    .featuredBlog .bookmMark {
        position: absolute;
        color: #FFFFFF;
        bottom: 25px;
        right: 14px;        
    }

    .blogsItem .poetBlogDetail .bookmMark,
    .blogsItem .poetBlogDetail > a.bookmMark {
        position: absolute;
        color: #808080;
        right: -9px;
        display: block;
        bottom: 0px;
        display:none;
    }

        .blogsItem .poetBlogDetail .bookmMark:hover,
        .blogsItem .poetBlogDetail .bookmMark:focus,
        .featuredBlog .bookmMark:hover,
        .featuredBlog .bookmMark:focus {
            color: red;
        }
    /*specialCategoriesBoxtop*/
    .specialCategories {
        padding: 56px 0px 0px;
    }
    .specialCategories h2 {
        font-size: 32px;
        line-height: 43px
    }
    .specialCategoriesBoxtop {
        flex-wrap: wrap;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 24px;
    }

        .specialCategoriesBoxtop .specialCategoriesBoxtopInner {
            padding: 36px 37px 30px 36px;
            min-height: 322px;
            flex: 0 0 48.99%;
            max-width: 48.99%;
            margin-right: 23px;
        }

            .specialCategoriesBoxtop .specialCategoriesBoxtopInner .text-content {
                position: relative;
                z-index: 3;
            }
            .specialCategoriesBoxtopInner .text-content h1 {
                font-size: 44px;
                line-height: 59px;
            }
            .specialCategoriesBoxtop .specialCategoriesBoxtopInner:last-child {
                margin-right: 0px;
            }

            .specialCategoriesBoxtop .specialCategoriesBoxtopInner:first-child {
                margin-left: 0px;
                margin-right: 2%;
            }



    .specialCategoriesBoxtopInner .text-content p {
        line-height: 24px;
        margin-bottom: 24px;
    }

    .specialCategoriesBoxbottom {
        position: relative;
        overflow: visible;
    }

        .specialCategoriesBoxbottom .owl-stage-outer .owl-stage {
            display: flex;
        }

        .specialCategoriesBoxbottom .owl-item {
            display: flex;
        }

        .specialCategoriesBoxbottom .specialCategoriesBox {
            height: 274px;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .specialCategoriesBoxbottom .bg-orange {
            background-color: #ee9090;
        }

        .specialCategoriesBoxbottom .bg-skyblue {
            background-color: #a3bdd0;
        }

        .specialCategoriesBoxbottom .bg-brown {
            background-color: #9a8280;
        }

        .specialCategoriesBoxbottom .bg-blue {
            background-color: #c1a3d0;
        }

        .specialCategoriesBoxbottom .specialCategoriesBox .cateContent h2 {
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 6px;
        }

        .specialCategoriesBoxbottom .specialCategoriesBox .cateContent h5 {
            font-size: 14px;
            line-height: 19px;
        }
    /*sufiFeaturedVideosBox*/
    .sufiFeaturedVideos {
        padding: 56px 0px 0px;
    }
    .sufiFeaturedVideos h2 {
        font-size: 32px;
        line-height: 43px;
    }
    .sufiFeaturedVideosBox,
    .sufiFeaturedVideos .rVideoPlayingWrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 36px;
    }

        .sufiFeaturedVideosBox .feturedVideoMain,
        .sufiFeaturedVideos .rVideoPlayingWrap .rVideoPlayerWrap {
            flex: 0 0 60.565%;
            max-width: 60.565%;
            margin-right: 1.33%;
            margin-bottom: 0px;
        }

        .sufiFeaturedVideosBox .featuredVideoSlider,
        .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing {
            flex: 0 0 38.1%;
            max-width: 38.1%;
            padding-left: 0.7%;
            margin-right: 0px;
            margin-left: 0px;
            max-height: 408px;
            overflow-y: auto;
        }

            .featuredVideoSlider .featuredVideoSliderItem:first-child,
            .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem:first-child {
                margin-left: 0px;
                margin-right: 0px;
            }

            .featuredVideoSlider .featuredVideoSliderItem,
            .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem {
                display: block;
                width: 100%;
                margin-right: 0px;
                margin-bottom: 24px;
            }

                .featuredVideoSliderItem .videoData,
                .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem .videoData {
                    display: inline-block;
                    margin-right: 16px;
                    margin-bottom: 0px;
                    vertical-align: top;
                    width: 124px;
                    height: 84px;
                }

                .featuredVideoSliderItem .videoContent,
                .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem .videoContent {
                    display: inline-block;
                    vertical-align: top;
                    width: calc(100% - 151px);
                }

    .featuredVideoSliderItem .videoData .playIcon {
        background-size: 40px !important;
        width:40px;
        height:40px;
    }
    .featuredVideoSliderItem .videoData .playIcon img {
        opacity:1;
    }

    .sufiFeaturedVideosBox .feturedVideoMainInner .playIcon {
        width: 124px;
        height: 124px;
        background-size: 124px !important;
    }
    .sufiFeaturedVideosBox .feturedVideoMainInner .playIcon img {
        opacity:1;
    }
    .searchCategoryBox.searchCategoryBox {
        overflow: visible;
    }

    .featuredVideoSliderItem .videoContent h5,
    .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem .videoContent h5 {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 6px;
    }

    .featuredVideoSliderItem .videoContent h5 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .featuredVideoSliderItem .videoContent p,
    .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem .videoContent p {
        font-size: 14px;
        line-height: 19px;
    }

    .featuredVideoSlider .featuredVideoSliderItem:last-child,
    .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem:last-child {
        margin-bottom: 0px;
    }

    .sufiFeaturedVideosBox .feturedVideoMainInner,
    .sufiFeaturedVideos .rVideoPlayingWrap .rVideoContainer {
        height: 408px;
        margin-bottom: 16px;
        position: relative;
    }

    .videoContent h4,
    .sufiFeaturedVideos .rVideoPlayingWrap .rVideoDesc h4 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 6px;
    }

    .videoContent p,
    .sufiFeaturedVideos .rVideoPlayingWrap .rVideoDesc h3 {
        font-size: 16px;
        line-height: 21px;
    }
    /*.ebooksLibrarySliderItem*/
    .ebooksLibrary {
        padding:56px 0px;
    }
    .ebooksLibrary h2,
    .rdRekhtaFamilyMoreContnr h6.smallHeading{
        font-size: 32px;
        line-height: 43px;
    }    

    .ebooksLibrarySlider {
        position: relative;
        overflow: initial;
    }

        .ebooksLibrarySlider .owl-nav button {
            top: 40%;
        }

        .ebooksLibrarySlider .owl-item {
            float: left;
        }

        .ebooksLibrarySlider .ebooksLibrarySliderItem {
            width: 100%;
        }

    .ebooksLibrarySliderItem figure {
        height: 317px;
        margin-bottom: 17px;
    }

    .ebookContent h5 {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 7px;        
    }

    .ebookContent .h5 {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 7px;
    }

        .ebookContent .h5:last-child {
            margin-bottom: 0px;
        }

    .ebooksLibrary.sliderNewBx .bx-wrapper .bx-controls-direction a {
        top: 45%;
    }

    .ebooksLibrary .btnGroup {
        margin-top: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .poetryType {
        flex-direction: row;
    }

        .poetryType .col-6 {
            flex: 0 0 49%;
            max-width: 49%;
            margin-right: 2%;
        }

            .poetryType .col-6:last-child {
                margin-right: 0px;
            }

                .poetryType .col-6:last-child.commonPadding {
                    padding: 0px;
                }

                    .poetryType .col-6:last-child.commonPadding .poetryCards:after {
                        display: none;
                    }

    .poetryCards .poetryCardsItem:first-child,
    .poetryCards .poetryCardsItem {
        margin-left: 0px;
        margin-right: 4.2%;
    }

    .poetryCards {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        overflow: visible;
    }

        .poetryCards .poetryCardsItem {
            flex: 0 0 30.5%;
            max-width: 30.5%;
            width: auto;
        }

            .poetryCards .poetryCardsItem:last-child {
                margin-right: 0px;
            }

    .poetryCards {
        margin-left: 0px;
        margin-right: 0px;
    }
    /*specialCategories*/
    .specialCategoriesBoxtop {
        flex-wrap: wrap;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 24px;
    }

        .specialCategoriesBoxtop .specialCategoriesBoxtopInner:first-child {
            margin-left: 0px;
            margin-right: 2%;
        }

        .specialCategoriesBoxtop .specialCategoriesBoxtopInner:last-child {
            margin-right: 0px;
        }

        .specialCategoriesBoxtop .specialCategoriesBoxtopInner {
            min-height: 322px;
            flex: 0 0 48.99%;
            max-width: 48.99%;
        }
    /*sufiNamaBlogsData*/
    .sufiNamaBlogsData.dFlex {
        flex-direction: row;
    }

    .sufiNamaBlogsData .sufiNamaBlogsItem {
        flex: 0 0 60.565%;
        max-width: 60.565%;
        margin-right: 1.33%;
    }

        .sufiNamaBlogsData .sufiNamaBlogsItem:first-child {
            margin-bottom: 0px;
        }

        .sufiNamaBlogsData .sufiNamaBlogsItem:last-child {
            flex: 0 0 38.1%;
            max-width: 38.1%;
            padding-left: 0.7%;
            margin-right: 0px;
        }
    .sufiNamaBlogsItem .blogsItem {
        margin-bottom: 12.71px;
    }
    .sufiFeaturedVideosBox,
    .sufiFeaturedVideos .rVideoPlayingWrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 36px;
    }

        .sufiFeaturedVideosBox .feturedVideoMain,
        .sufiFeaturedVideos .rVideoPlayingWrap .rVideoPlayerWrap {
            flex: 0 0 60.565%;
            max-width: 60.565%;
            margin-right: 1.33%;
            margin-bottom: 0px;
        }

    .featuredVideoSliderItem .videoContent h5, .sufiFeaturedVideos .rVideoListing .rVideoListItem .videoContent h5 {
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%;
    }

    .sufiFeaturedVideosBox .featuredVideoSlider,
    .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing {
        flex: 0 0 38.1%;
        max-width: 38.1%;
        padding-left: 0.7%;
        margin-right: 0px;
        margin-left: 0px;
        max-height: 408px;
        overflow-y: auto;
    }

        .featuredVideoSlider .featuredVideoSliderItem:first-child, .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem:first-child {
            margin-left: 0px;
            margin-right: 0px;
        }

        .featuredVideoSlider .featuredVideoSliderItem, .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-bottom: 24px;
        }

            .featuredVideoSliderItem .videoData, .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem .videoData {
                display: inline-block;
                margin-right: 6px;
                margin-bottom: 0px;
                vertical-align: top;
                width: 100px;
                height: 64px;
            }

            .featuredVideoSliderItem .videoContent, .sufiFeaturedVideos .rVideoPlayingWrap .rVideoListing .rVideoListItem .videoContent {
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 109px);
            }
    .featuredVideoSlider .featuredVideoSliderItem {
        margin-bottom:12.71px;
    }
    .featuredVideoSlider .featuredVideoSliderItem:last-child {
        margin-bottom:0px;
    }
}

    @media only screen and (max-width: 992px) {
        .mob-hide {
            display: none;
        }
       
    }