@font-face {
    font-family: 'urdux';
    src: url('../fonts/webfont.woff2') format('woff2'),
    url('../fonts/webfont.woff') format('woff'),
    url('../fonts/webfont.ttf') format('truetype');
}

@font-face {
  font-family: urdu;
  font-style: normal;
  src:  url('../fonts/MehrNastaliq/Mehr_Nastaliq_Web2.0.woff') format('woff'),
        url('../fonts/MehrNastaliq/Mehr_Nastaliq_Web2.0.ttf') format('truetype');
}

@font-face {
  font-family: kufi;
  font-style: normal;
  font-weight: 300;
  src:  url('../fonts/DroidKufi-Regular.woff2') format('woff2'),
        url('../fonts/DroidKufi-Regular.woff') format('woff'),
        url('../fonts/DroidKufi-Regular.ttf') format('truetype');
}

@font-face {
    font-family: amiri;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/amiri-regular.eot?') format('eot'),
         url('../fonts/amiri-regular.woff2') format('woff2'),
         url('../fonts/amiri-regular.woff') format('woff'),
         url('../fonts/amiri-regular.ttf')  format('truetype');
}

@font-face {
  font-family: arabic;
  font-style: normal;
  font-weight: 400;  
  src: url(../fonts/DroidNaskh-Regular.eot);
  src: url(../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidNaskh-Regular.woff2) format('woff2'),
       url(../fonts/DroidNaskh-Regular.woff) format('woff'),
       url(../fonts/DroidNaskh-Regular.ttf) format('truetype');
}

body{
  text-align: right;
  direction: rtl;
}

.urdu{
    font-family: "urdu";    
    font-weight: 700 !important;  
    line-height: normal;
    font-size: 18px;
    word-spacing: 1px;
    letter-spacing: 0px !important;
}

.urdu-sm{
    font-family: "urdu";    
    font-weight: 700 !important;  
    line-height: normal;
    font-size: 12px;
    word-spacing: 1px;
    letter-spacing: 0px !important;
}
.fs-sm{
    font-size: 13px;
}
.urdu-pera{
  font-family: "urdu";
  color: #000;
  line-height: normal;
  font-weight: bolder;
  text-indent: 50px;
  text-align: justify;
  padding: 0 50px;
}

.urdu-heading{
    font-family: "urdu";    
    font-weight: 700 !important;  
    font-size: 23px;
    line-height: normal;
}

.arabic{
  font-family: arabic;
  font-style: normal;
  font-weight: 400;  
}
.arabic-bold{
  font-family: arabic;
  font-style: normal;
  font-weight: 700;  
}

.urdu-small{
    font-size: .9em;
    font-weight: 700;
}
.segoe{
    font-family: "segoe ui light";    
}

label{
    font-family: urdu;
    font-weight: 700;
}

input, textarea, option, select, datalist{
    font-family: urdu;
}

.urdu-input{
  font-family: urdu;
  direction: rtl;  
  font-size: 1em;
}

.kufi{
    font-family: kufi;
    direction: rtl;
    line-height: 1.1em;    
}

.kufi-sm{
    font-family: kufi;
    direction: rtl;
    line-height: 1.1em;
    font-size: 12px;    
}


.amiri{
    font-family: amiri;
    direction: rtl;
}

.aircut{
    font-family: aircut;    
    direction: rtl;
    line-height: 1.1em;
    font-size: .9em;
    font-weight: 400;    
}



/*----------------------------------------------  FATWA  -------------------------------------------*/
.fatwa{
  margin:0 auto;
  padding: 20px 60px;
}

.lbl, .txt{
  line-height: 30px;
  border: none !important;
  background-color: transparent;  
  display: inline-block;
  margin: 0px;
  padding: 0px;
  color:black;
}

.lbl{  
  font-family: amiri;
}

.txt{
  width: 210px;
  margin-right: 5px;
}

.fatwa-qry-ar{
  font-size: 16px;
}

.fatwa-qry p, .fatwa-qry-ar p, .hawala p{
  text-indent: 50px !important;
}

.fatwa-qry{    
  font-family: "Urdu";
  font-size: 18px;
  line-height: normal;
  color: #000;
  font-weight: bolder;
  text-indent: 50px;
  text-align: justify;
  padding: 0 60px;
}    

.fatwa-qry-ar{
  margin: 20px 30px;
  font-family: "amiri";  
  color: #000;
  font-weight: bolder;
  text-indent: 50px;
  text-align: justify;
  padding: 0 60px;
}

.hawala{
  font-family: "amiri";
  font-size: 15px;
  color: #000;
  line-height: normal;
  font-weight: bolder;
  text-indent: 50px;
  text-align: justify;
  padding: 0 100px;
}
.ftw-title{
  font-family: amiri;
  font-weight: 700;
  font-size: 1.3rem;
  margin-top: 9px;
}
.ftw-title-urdu{
  font-family: urdu;
  font-weight: 700;
  font-size: 21px;
  margin-top: 9px;
}
/*----------------------*/

.link-limit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.dropleft>button,.dropleft>a,.dropright>button,.dropright>a{
    direction: ltr;
}


.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}



.btn-group > .btn:not(:first-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {    
 
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.btn-group > .btn:first-child, .btn-group > .btn-group:first-child > .btn {
   border-top-right-radius: 5px !important;
   border-bottom-right-radius: 5px !important;
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#twitter-widget-0{
  margin-top: 15px !important;
}

.fb_iframe_widget span {
  height: 15px !important;
}


.page-item:first-child .page-link {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;

    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.page-item:last-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;

    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}


/*--------------------------BS5.1------------------------------------------*/


.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .form-control:last-child, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) {    
    border-right: 0 none;
    /*border-left: 1px solid #DDDD;*/
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;


}


/*--------------------------BS5.1-----------------------------------------end*/