@font-face {	font-family:"webfont-noori-nastaleeq"; src:url("../../link/madnisoftsolutions.ttf") format("truetype"), url("madnisoftsolutions.svg#Oswald") format("svg"); 	font-weight:normal; font-style:normal; }
@font-face {	font-family:"webfont-batool"; src:url("../../link/Batool.ttf") format("truetype"), url("Batool.svg#Oswald") format("svg"); 	font-weight:normal; font-style:normal; }
@font-face {	font-family:"webfont-bombay"; src:url("../../link/bombay.ttf") format("truetype"), url("bombay.svg#Oswald") format("svg"); 	font-weight:normal; font-style:normal; }

@media (min-width:995px){
  div#top-gap-div95{height:95px}
}


.text-batool{font-family: "webfont-batool";  }
*{letter-spacing: 0px !important;}

div.bg1{ background: url('../../img/bg1.jpg')}
div.page-corner{ background:  url('../../img/page-corner.png') top right no-repeat, url('../../img/bt-left-corner.png') bottom left no-repeat }
a.mazeed{font-size: 26px;}
div.gap50{padding:50px 0}

div.grad{
  background: rgb(254,237,1);
  background: linear-gradient(90deg, rgba(254,237,1,1) 13%, rgba(255,128,3,1) 100%);

}


div.head-div{ text-align: center;background: url('../../img/head-top.png') top center no-repeat; padding-top: 40px; }

div.head-div h2.urdumonth{ color:#FFF; background-color: #135700; display:block; max-width: 300px; margin: -10px auto 10px; padding: 6px 0 10px; border-radius: 10px;}
h1.urdu{  color:#135700; text-align: center; margin: 25px auto; position: relative; display: inline-block; }
h1.bg-line::after{ content: ''; width: 66px; height: 3px; background-color: #FFA902; position: absolute; top: 25px; left: -90px;}
h1.bg-line::before{ content: ''; width: 66px; height: 3px; background-color: #FFA902; position: absolute; top: 25px; right: -90px;}

h1.light{color: #FFF; text-shadow: 0px 0px 3px #000;}

div.magazine{ background-color:#FFF;  padding: 10px; text-align: center; box-shadow:0px 0px 5px #888; transition:0.5s ease all; margin: 20px 0;}
div.book-icon{width: 90px; height: 71px;  margin:15px auto; background-image: url('../../img/book-icon.png'); background-position: top; transition:0.3s ease all}
div.magazine h2.mag-name{  color:red ; font-weight: normal;}
div.magazine h2.urdumonth{ font-family: "webfont-noori-nastaleeq"; background-color: #135700; color:#FFF; padding:3px 0; font-weight: normal; letter-spacing: 0px !important;}
div.magazine p{font-weight: bold;}
div.magazine h2{ transition:0.5s ease all}
div.magazine img.icon{ width:80px}
div.magazine:hover{ background-color: #FFA902; margin-top:15px; margin-bottom: 25px; box-shadow: 0px 0px 25px #888;}
div.magazine:hover h2.mag-name{color:#FFF; text-shadow: 0px 0px 3px #000;}
div.magazine:hover div.book-icon{background-position: bottom;}
div.magazine:hover p{color:#FFF}
div.magazine:hover h2.urdumonth{ background-color: #FFF; color: #135700;}


div.book-div{height: auto;  padding: 12px; background-color: #FFF; box-shadow: 0px 0px 3px #999; margin:10px 0; transition: 0.5s ease all;}
div.book-div h3{text-align: center; padding-top: 10px; font-weight: normal;}
div.book-div:hover{ margin-top:5px; margin-bottom: 15px; box-shadow:0px 0px 25px #888}


div.middle{background: red; height: 280px; background-image: url('../../img/middle.jpg'); }

div.footer-div{background-color: #FFF;  margin-top:-200px; padding: 40px; border-radius:20px ; box-shadow: 0px 0px 4px #999;}
div.footer-data h4{font-weight: normal;}


table.page-list tr td{display: block;}

div.list-page{
  width: 100%; height: auto; background-color:rgba(245,245,245,0.7); border: 1px solid #CCC; margin-top: 20px; padding: 0; ;
}
div.list-page ul{margin-right: -40px; padding-top: 20px;}
div.list-page ul li{list-style: none; direction: rtl; text-align: right; margin-bottom: 20px; padding:0 20px 5px; border-bottom: 1px dashed #888; }
ul.hand-style li{ position: relative; padding-right: 80px !important;  }
ul.hand-style li::before{ content: "☜"; position: absolute; top: 0px; right: 15px; color: #135700; font-size: 50px;}
span.viewer, div.list-page ul li span.viewer{ font-size: 14px !important; color:#555; background-color: #CCC; position: absolute; bottom:20px; left: 20px;  padding: 5px 10px; 
  line-height: 15px !important; border-radius: 10px; font-family:Arial, Helvetica, sans-serif; 

}
span.viewer i.fa, div.list-page ul li span.viewer i.fa{font-size:14px; line-height:12px; }
div.list-page ul li span.viewer{top:-15px; bottom: auto; left:15px;}
div.blog-info span.viewer{top:auto; bottom: 5px; left:auto; right:25px}
  

p.headline{  text-align: right; margin: 0; backgroundx-color: #DDD; float: right; width:48%; color:#333}
p.writter{  text-align: right; margin: 0; backgroundx-color: #FFA902; float: left; width: 48%; color:#333 }
p.reader{float: left; width: 10%; text-align: center; backgroundx-color: red;}


p.mazameen-writter{ background-color: #FFA902; display: inline-block; padding: 10px 15px 5px; margin-top: 10px; 
  margin-bottom: 0;  color:#003366; border-radius: 0 30px 30px 0; font-size: 26px;}
p.list-page-head{ text-align: center; background-color: #135700; font-size: 30px !important; color:#FFF; ;}
p.list-page-head::before{ content: '' !important;}

p.writter:before{ content: '✍'; font-size: 40px; margin-left: 10px;}
div.list-page p.matter{text-align:justify; direction: rtl; padding: 25px; color:#333}

h1.page-title{ text-align: center; margin: 20px 0; font-weight: normal; font-size: 35px !important; color: #003366; font-weight: bold; 
text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px -1px 1px #FFF,
 1px 1px 2px #000, -1px -1px 2px #000,-1px 1px 2px #000, 1px -1px 2px #000; font-weight: normal;}
h1.faqs-head{ color:#135700; text-shadow: none;} 
h1.page-titlex::before{content: '✍'; font-size: 70px; margin-left: 15px; margin-top: 50px;}
h2.question{ direction: rtl; background-color: #135700; color:#FFF; display: inline-block; text-align: right; direction: rtl;
padding: 5px 20px; border-radius: 20px 0 0 20px;
}
p.question{direction: rtl; text-align: right; padding: 15px; color:#333}

div.majlis-page { border:1px solid #c7c7c7; background-color:#FFF; box-shadow:0px 0px 5px #999; padding: 40px;}
p.majlis{ text-align:right; direction:rtl; color:#333; padding:0px 30px}
p.majlis span{color:#135700; margin-left:15px;}



@media (max-width:500px){
  p.headline{float:none; width: auto;}
  p.writter{float:none; width: auto;}
}

/* font : 20-34 kis kis ka */
div.footer-data ul li.address, div.footer-data ul li a{ font-size: 20px; line-height: 34px;}
/* font : 22-36 kis kis ka */
div.pilr-info p.urdutxt, div.team-box p, div.footer-data p.urdutxt, ul#main-menu li a{font-size: 22px; line-height: 36px;}
/* font : 24-38 kis kis ka */
div.urdunewsdiv, div.list-page *, div.list-page, div.footer-data h4, p.urdutxt{font-size: 24px; line-height: 42px;}
/* font style batool kis kis ka */
div.urdunewsdiv em, div.urdunewsdiv rb, div.footer-data ul li.address, div.footer-data ul li a, div.footer-data h4, ul#main-menu li a{font-family: "webfont-batool" !important;}
/* font style noori kis kis ka */
div.contact-page ul.urdu li, div.blog-detail h4, div.urdu div.blog-info h4, div.urdu div.blog-info p, div.urdu div.blog-info a, div.sunan-div h2, div.cat a h3, div.urdunewsdiv, p.mazameen-writter, div.list-page p.headline, div.list-page p.matter, p.writter, h1.page-title, div.list-page ul li, div.head-div h2.urdumonth, div.team-box p, .urdutxt{font-family: "webfont-noori-nastaleeq" !important; }
/* font style bombay kis kis ka */
div.akwal h2, div.contact-page ul.urdu li.head, div.sunan-title h2, span.inline-head, .text-bombay, div.magazine h2.mag-name, h1.urdu {font-family: "webfont-bombay" !important;
}

/* ye sirf admin panel se arbi font style krne ke lye hai */
div.urdunewsdiv em{font-style: normal; color:#135700}

ul#main-menu li a{color: #135700 !important;}


/* Sunan o adab & faqs */

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


div.sunan-head-div p.subhead, div.faqs-head-div p.subhead, div.catdiv p.subhead{text-align:center; font-size:40px; color:#FFA902; color:red }
div.cat{height:auto;   margin:16px 0; border:1px solid #CCC; transition:0.3s ease all; background-color:#FFF; text-align:center;
}
div.cat:hover{margin-top:8px; margin-bottom:22px; box-shadow:0px 5px 15px #999}
div.cat a{padding-top:25px; padding-bottom:25px; display:block; }
div.cat a:hover, div.cat a:hover h3{ color:#0056B3}
div.cat a i{display:block}
div.cat a h3{ padding:0px; margin:0px; padding-top:10px; line-height:30px; font-size:25px; }

div.faqs-head-div div.urdunewsdiv{ border-right:2px solid #135700}
div.faqs-head-div div.list-page{margin-top:13px; margin-bottom:13px; transition:0.3s ease all}
div.faqs-head-div div.list-page:hover{ margin-top:11px; margin-bottom:15px; box-shadow:0px 3px 10px #999}
div.faqs-head-div div.list-page:hover div.urdunewsdiv{color:#135700}

span.inline-head{ background-color:#135700; color:#FFF; display:inline-block; padding:2px 15px; margin-left:20px; line-height:36px;
    padding-bottom:1px;border-left:2px solid #FFF; border-bottom:2px solid #FFF; box-shadow:-2px 2px 0px 0px #135700; border-radius:3px}

div.sunan-div{border:1px solid #CCC; margin:15px auto;  box-shadow:-3px 3px 4px #ccc; background-color:#FFF;
border-radius:20px 0px 20px 0; transition:0.3s ease all}
div.sunan-div:hover{ box-shadow:0px 0px 15px #AAA}    
div.sunan-div h2{ font-size:25px; direction:rtl; text-align:right; color:#135700; padding:20px }    
div.sunan-div h2:hover{color:#0056B3}

div.sunan-title{ background-color:#135700;  margin:auto; padding:5px 0; margin-top:20px; max-width:600px;
border-radius:60px 200px 60px 200px; border:3px solid #FFF; border-top:none; box-shadow:0px 0px 0px 3px #135700}
div.sunan-title h2{ color:#FFF; direction:rtl; text-align:center; font-size:30px;}

/* sunan and faqs end */

/* news main page */
div.blog-box{background-color:#FFF}

div.blog-info h4{font-size:26px; color:#135700; text-align:justify;}
div.blog-info p{ font-size:20px; text-align:justify; color:#444}
div.blog-info a.news-read-more{float:left;  font-size:22px; color:red}

/* eng/hindi news font size */
div.english div.blog-info h4{ font-size:18px; direction:ltr}
div.english div.blog-info p{ font-size:14px; direction:ltr}
div.english div.blog-info a.news-read-more{float:right; font-size:16px}

@media (max-width:500px){
    div.blog-info h4{font-size:23px; line-height:25px}
    div.blog-info p{font-size:17px;  line-height:21px}
    div.blog-info a.news-read-more{font-size:19px}

    div.english div.blog-info h4{font-size:15px; }
    div.english div.blog-info p{font-size:11px; line-height:18px}
    div.english div.blog-info a.news-read-more{font-size:13px}

}
/* news main end page */



/* contact */
ul.urdu li{font-size:22px; line-height:35px}
ul.urdu li.head{font-size:26px; color:#135700; border-bottom:3px solid #135700; margin-bottom:10px; line-height:40px }
ul.urdu li.subhead{font-size:26px; color:#135700; }


ul.eng li{ direction:ltr; text-align:left; font-size:18px}
ul.eng li.head{font-size:26px; color:#135700; border-bottom:3px solid #135700; margin-bottom:20px; margin-top:14px }
ul.eng li.subhead{font-size:20px; color:#135700; }

div.contact-info{padding-top:90px}
div.contact-info div.contact-info-box{background-color:#FFF; box-shadow:0px 0px 4px #999; padding-top:0}
div.contact-info-box i{ width:120px; height:120px; line-height:120px; margin-top:-60px; background-color:#FFF}
div.contact-info-box img{ width:130px; height:130px; line-height:120px; margin-top:-55px; margin-bottom:10px;  background-color:#FFF; border-radius:100%
; border:0.45mm solid #135700}

@media (max-width:700px){
  div.contact-info-box{ margin-bottom:80px !important}

}

/* contact end */


div.urdunewsdiv{direction: rtl; text-align: justify; padding: 15px;}
div.urdunewsdiv, div.urdunewsdiv p{font-family:"webfont-noori-nastaleeq"; direction:rtl; text-align:justify; font-size:24px; line-height:40px; color:#333 }
div.urdunewsdiv h1,div.urdunewsdiv h2,div.urdunewsdiv h3,div.urdunewsdiv h4,div.urdunewsdiv h5,div.urdunewsdiv h6,
div.urdunewsdiv strong,div.urdunewsdiv em,div.urdunewsdiv b,div.urdunewsdiv u,div.urdunewsdiv i,
div.urdunewsdiv small{font-family:"webfont-noori-nastaleeq"; text-align:right}
div.urdunewsdiv h1,h2,h3,h4,h5,h6{font-weight:normal}
div.urdunewsdiv h1{font-size:36px; line-height:50px; color:#006699; background:none; text-shadow:none}
div.urdunewsdiv h2{font-size:30px; line-height:45px; color:#006699;}
div.urdunewsdiv>h2{ text-align:center}
div.urdunewsdiv cent{display: block; text-align: center;}
div.urdunewsdiv right{display: block; text-align: right;}
div.urdunewsdiv left{display: block; text-align:left; ;}

div.urdunewsdiv h3{font-size:28px; line-height:40px; color:#993300}
div.urdunewsdiv h4{font-size:26px; line-height:38px; color:#336600}
div.urdunewsdiv h5{font-size:24px; line-height:36px; color:#FF6600}
div.urdunewsdiv h6{font-size:22px; line-height:34px; color:#CC0000}
div.urdunewsdiv b{font-weight:bold; }
div.urdunewsdiv u{ text-decoration:underline}
div.urdunewsdiv i{ font-style:italic}
div.urdunewsdiv img{ max-width:100%}
div.urdunewsdiv a h2{ font-size:24px; border-right:3px solid #FF0000; padding:0px; margin-bottom:10px; padding-right:10px; color:#003366}
div.urdunewsdiv a:hover h2{ color:#FF3300; border-right-color:#003366}
div.urdunewsdiv{ position:relative;}
div.urdunewsdiv:after{ content: ''; display: block; ; position: absolute; top:0; left: 0; right: 0; bottom: 0 ;}


div.engnewsdiv h1,div.engnewsdiv h2,div.engnewsdiv h3,div.engnewsdiv h4,div.engnewsdiv h5,div.engnewsdiv h6,div.engnewsdiv strong,div.engnewsdiv em,div.engnewsdiv b,div.engnewsdiv u,div.engnewsdiv i,div.engnewsdiv small{direction:ltr; text-align:left;}
div.engnewsdiv p{ direction:ltr; text-align:justify}
div.engnewsdiv a h2{ font-size:18px; font-weight:normal; border-left:3px solid #FF0000; padding:0px; margin-bottom:10px; padding-left:10px; color:#003366}
div.engnewsdiv a:hover h2{ color:#FF3300; border-left-color:#003366}
div.engnewsdiv p{ font-size:17px}
div.engnewsdiv h1{font-size:28px; line-height:36px; color:#003366}
div.engnewsdiv h2{font-size:26px; line-height:32px; color:#FF0000}
div.engnewsdiv h3{font-size:24px; line-height:28px; color:#993300}
div.engnewsdiv h4{font-size:22px; line-height:26px; color:#336600}
div.engnewsdiv h5{font-size:20px; line-height:24px; color:#FF6600}
div.engnewsdiv h6{font-size:18px; line-height:22px; color:#CC0000}

@media (max-width:500px){
  div.urdunewsdiv, div.urdunewsdiv p{font-size:20px; line-height:36px}
div.urdunewsdiv h1{font-size:30px; line-height:42px; }
div.urdunewsdiv h2{font-size:28px; line-height:40px;}
div.urdunewsdiv h3{font-size:26px; line-height:38px;}
div.urdunewsdiv h4{font-size:24px; line-height:36px;}
div.urdunewsdiv h5{font-size:22px; line-height:34px;}
div.urdunewsdiv h6{font-size:20px; line-height:32px;}
div.urdunewsdiv a h2{ font-size:20px;}

div.engnewsdiv p{ font-size:14px}
div.engnewsdiv h1{font-size:24px; line-height:36px; }
div.engnewsdiv h2{font-size:22px; line-height:32px; }
div.engnewsdiv h3{font-size:20px; line-height:28px; }
div.engnewsdiv h4{font-size:18px; line-height:26px; }
div.engnewsdiv h5{font-size:16px; line-height:24px; }
div.engnewsdiv h6{font-size:15px; line-height:22px; }
div.engnewsdiv a h2{ font-size:16px; }
}





@media (max-width:500px){
  h1.urdu{font-size:34px}
}