@font-face {
	font-family: 'Mehr Nastaliq';
	src: url(../fonts/Mehr_Nastaliq_Web.woff);
	font-display: block;
}

@font-face {
	font-family: 'UL Sajid';
	src: url(../fonts/UL_Sajid_Heading.ttf);
	font-display: block;
}


body {
    font-family: 'Mehr Nastaliq', serif;
    /* font-size: 18px !important; */
}

p {
    font-size: 18px !important;
    line-height: 30px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'UL Sajid', serif;
}

.btn-one {
    font-family: 'Mehr Nastaliq', serif;
    font-size: 18px;
}

.btn-two{
    font-family: 'Mehr Nastaliq', serif;
}

/* .btn-three {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .sec-title p{
    font-family: 'UL Sajid', serif;
} */

.sec-title .title {
    font-family: 'UL Sajid', serif;
}

/* .sec-title .bottom-text{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .post-pagination li a {
    font-family: 'UL Sajid', serif;
} */

/* .post-pagination2 li a {
    font-family: 'UL Sajid', serif;
} */

.main-menu .navigation > li > a {
    font-family: 'Mehr Nastaliq', serif;
    font-size: 20px;
    font-weight: 'bold';
}

.main-menu .navigation > li > ul > li > a {
    font-family: 'Mehr Nastaliq', serif;
}

.main-menu .navigation > li > ul > li > ul > li a{
    font-family: 'Mehr Nastaliq', serif;
}

/* .cart-box a{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .header-contact-info li .single-item .text h3{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .main-slider .slide-content .big-title{
    font-family: 'UL Sajid', serif;
} */

/* .main-slider .slide-content .text{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .main-slider .slide-content .btn-box a.project-view-button {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .main-slider.style2 .slide-content .big-title{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .main-slider.style2 .slide-content .text{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .main-slider.style2 .slide-content .btn-box a.slide-style2-button {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .main-slider.style3 .slide-content .big-title{
    font-family: 'UL Sajid', serif;
} */

/* .main-slider.style3 .slide-content .text{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .about-image-box .text-box h3 span{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .about-style2-image-box .overlay-box .title h1{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-working-box-style2 .text-holder .title .count {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-service-style1 .text-holder .top .count h1{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-working-process-style2 .top-box .count h1 {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .header-call-button .inner .title h3{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-history-content .text-box .inner .date h3{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-fact-counter .count-box h1{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-pricing-box .static-content .table-header .package h1 {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .sidebar-contact-box .inner-content .bottom-box h2{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-blog-post.style3 .post-date h3{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-sidebar .categories li a {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .author-quote-box .text .name h3 span{
    font-family: 'Mehr Nastaliq', serif;
} */

.author-box-holder .inner-box .text h3 span{
    font-family: 'Mehr Nastaliq', serif;
}

/* .single-sidebar-box .categories li a {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .review-box-holder .single-review-box .text-holder .top .name h3 span{
    font-family: 'Mehr Nastaliq', serif;
} */

/* .cart-area .cart-table tbody .available-info {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .cart-area .cart-table tbody tr td.price {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .cart-area .cart-table tbody tr .sub-total {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .cart-bottom .calculate-shipping .ui-state-default {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .cart-bottom .calculate-shipping input[type="text"] {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .checkout-area .table .cart-table tbody tr td.price {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .cart-total-table li span.col {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .cart-total .payment-options .option-block .checkbox label span b {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .countdown-timer li span.days,
.countdown-timer li span.hours,
.countdown-timer li span.minutes,
.countdown-timer li span.seconds {
    font-family: 'Mehr Nastaliq', serif;
} */

/* .single-brand-item .overlay-content p{
    font-family: 'UL Sajid', serif;
} */

/* .top-style2-left p{
    font-family: 'UL Sajid', serif;
} */

/* .about-style2-image-box .overlay-box .title h1 span{
    font-family: 'UL Sajid', serif;
} */

/* .working-style-bottom p{
    font-family: 'UL Sajid', serif;
} */

/* .breadcrumb-area .inner-content-box .title-s2 span{
    font-family: 'UL Sajid', serif;
} */

/* .single-pricing-box .static-content .table-header .package p{
    font-family: 'UL Sajid', serif;
} */

/* .single-service-sidebar .service-pages li a {
    font-family: 'UL Sajid', serif;
} */

/* .single-service-sidebar .service-pack-download li .title-holder a{
    font-family: 'UL Sajid', serif;
} */

/* .project-filter li .count {
    font-family: 'UL Sajid', serif;
} */

/* .sidebar-title .title {
    font-family: 'UL Sajid', serif;
} */

/* .single-sidebar .instagram li .img-holder .overlay-style-one .box .content a {
    font-family: 'UL Sajid', serif;
} */

/* .tag-with-social-links-box .tag-box p {
    font-family: 'UL Sajid', serif;
} */

/* .tag-with-social-links-box .social-links-box p{
    font-family: 'UL Sajid', serif;    
} */

/* .blog-single-area .inner-comment-box .single-comment-box .text-box .top .reply-button a{
    font-family: 'UL Sajid', serif;
} */

/* .product-tab-box .tab-btns .tab-btn span {
    font-family: 'UL Sajid', serif;
} */

/* .shop-page-title .title{
    font-family: 'UL Sajid', serif;
} */

/* .cart-area .cart-table .cart-header {
    font-family: 'UL Sajid', serif;
} */

/* .cart-area .cart-table tbody tr td {
    font-family: 'UL Sajid', serif;
} */

/* .checkout-area .create-acc .checkbox label {
    font-family: 'UL Sajid', serif;
} */

/* .checkout-area .table .cart-table .cart-header {
    font-family: 'UL Sajid', serif;
} */

/* .checkout-area .table .cart-table tbody tr .qty .form-control {
    font-family: 'UL Sajid', serif;
} */

/* .cart-total-table li span.col.col-title {
    font-family: 'UL Sajid', serif;
} */

/* .cart-total .payment-options .option-block .checkbox label span {
    font-family: 'UL Sajid', serif;
} */

/* .login-register-area .form .remember-text .checkbox span {
    font-family: 'UL Sajid', serif;
} */

/* .coming-soon-content .title{
    font-family: 'UL Sajid', serif;
} */

/* .countdown-timer li span.timeRef {
    font-family: 'UL Sajid', serif;
} */
.padding-right{
    padding-right: 100px;
}

.topbar-style3-area .topbar-style3-left .btn-danger {
    font-size: 18px;
    
}
/* topbar selection*/
.btn-danger  .filter-option-inner-inner{
    text-align: right;
}
/* change dropdown icon of top button*/
.dropdown-toggle::after {
    margin-top: 10px;
    display: inline-block;
    margin-right: .255em; /* Use margin-right instead of margin-left */
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    float: left;
    margin-left: 0; /* Reset left margin */
}

ul.sociallinks-style-one li {
    font-family: 'Rubik', sans-serif;
}

.single-footer-widget .services-links ul li a {
    font-size: 18px;
}

.single-footer-widget .title:after{
    right:0;
}
/*start styling contact section area */
/* html[dir='rtl'] #contact-section {
    direction: rtl  !important;
    text-align: right  !important;
} */
html[dir='rtl'] .appointment-area .container .row {
    direction: ltr;
}
html[dir='rtl'] .appointment-area input::placeholder,
html[dir='rtl'] .appointment-area textarea::placeholder {
    text-align: right;
    direction: rtl;
}
html[dir='rtl'] .dropdown-menu{
    text-align: right;
}
html[dir="rtl"] .bootstrap-select.form-select {
    text-align: right !important;
    direction: rtl;
}
#contact-section  .appointment-form .single-box .bootstrap-select>.dropdown-toggle::before  {
    position: absolute;
    top: 50%;
    left: 20px;
    width: auto;
    height: auto;
    font-family: 'FontAwesome';
    content: '\f107';
    color: #83888d;
    font-size: 18px;
    transform: translateY(-50%);
    margin: 0;
    border: none;
}
#contact-section  .appointment-form .single-box .bootstrap-select>.dropdown-toggle::after  {
   display: none;
}
#contact-section  .filter-option-inner{
    text-align: right;
    padding-right: 20px;
}
#contact-section  h2{
    text-align: right;
}
#contact-section .contact-info-lead{
    direction: rtl;
    text-align: right;
}
#contact-section  .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    background-position: top calc(2.25rem / 4) left calc(2.25rem / 4);
}
/*end styling contact section area */
/* style of brand-area & upcoming events with prevent changes to grid for brand-area & upcoming events */
.dir-ltr-application{
    direction: ltr;
}

.recently-project-area{
    direction: ltr;
}


.recently-project-area .title{
    text-align: right;
}
/* end styling of brand-area & upcoming events  */ 

/* central exective body section style start */
.about-style2-area .title{
    text-align: right;
}
.about-style2-area .about-style2-text p{
    text-align: right;
}
.about-style2-area .button {
    text-align: right;
}
/* central exective body section style end */

/* org-structure section style start */
#org-structure .title{
    text-align: right;
}
#org-structure  .inner-content p{
    text-align: right;
}
#org-structure .button {
  text-align: right;
}
/* org-structure section style end */
/* start style for about section*/
#about-section .title{
    text-align: right;
}
#about-section .button {
    text-align: right;
}
#about-section p{
    text-align: right;
}
/* end style for about section*/
/*footer style start*/
.footer-area .footer-logo a{
    width: 100%;
    text-align: right;
}
.footer-area .footer-logo p{
    text-align: right;
}
.footer-area .title h3{
    text-align: right;
}
.footer-area  ul li {
    text-align: right;
    direction: rtl;
}
.footer-area  ul li a{
    margin-right:20px;
}
/* This ensures the number remains in the LTR direction */
.number-ltr {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.single-footer-widget .services-links ul li a:before {
    position: absolute;
    top: 3px;
    right: 0;
    content: "\f107";
    font-family: "Flaticon";
    color: #7c7e84;
    font-size: 10px;
    transition: all 500ms ease;
    font-weight: 600;
    line-height: 20px;
    margin: 14px 0 16px;
}
.footer-area  [dir="rtl"] ul {
    text-align: right;
}
/* Remove margin-right from the phone number and email links */
.single-footer-widget .number-ltr a,
.single-footer-widget a[href^="mailto:"] {
    margin-right: 0 !important;
}

/*footer style end*/
/* main menu style start */
.main-menu .navigation > li > ul > li > a , .main-menu .navigation > li > ul > li > ul > li a{
    text-align: right;
    padding-right: 10px;
}

[dir="rtl"] .navigation {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .navigation > li {
    float: right;
}

/* float:right reverses visual order — DOM's last-child ("More") becomes the
   leftmost visible item (needs its inter-item gap back), and first-child
   ("Home") becomes the rightmost/outer edge item (should lose it instead) */
[dir="rtl"] .main-menu.style2 .navigation > li:last-child {
    margin-right: 52px;
}
[dir="rtl"] .main-menu.style2 .navigation > li:first-child {
    margin-right: 0px;
}

[dir="rtl"] .navigation .dropdown > ul {
    right: 0;
    left: auto;
    text-align: right;
}

/* desktop-only: gives the dropdown arrow (::before, left:-18px) breathing
   room from the previous item. On mobile this shrank the <a> 20px narrower
   than its full-width <li>, so the hover/current background highlight
   (painted on the <a>) fell 20px short of the row edge instead of spanning
   edge-to-edge like the English version. */
@media only screen and (min-width: 992px) {
    [dir="rtl"] .navigation > li a{
        margin-left: 20px;
    }
}
[dir="rtl"] .navbar-nav .dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}
/* Fix nested dropdowns */
[dir="rtl"] .navigation li.dropdown > ul > li.dropdown > ul {
    right: 100%; /* Ensure sub-submenus appear correctly */
    left: auto;
    top: 0;
}
.main-menu .navigation > li > ul > li > ul > li a {
    text-align: right;
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.main-menu .navigation > li > ul > li:hover > a , .main-menu .navigation > li > ul > li > ul > li:hover > a {
    padding-right: 10px; /* keep identical to rest state (line 510) — no shift on hover, mirrors the English fix in style.blade.php */
    box-sizing: border-box;
}
.main-menu.style2 .navigation > li.dropdown > a::after {
    display: none;
}
.main-menu.style2 .navigation > li.dropdown > a::before {
    font-family: FontAwesome;
    position: absolute;
    left: -18px;
    top: 0px;
    display: block;
    font-size: 15px;
    line-height: 56px;
    color: #919191;
    font-weight: 400;
    content: "\f107";
    z-index: 5;
}
/* mobile uses its own dropdown-btn chevron toggle — this decorative arrow is
   desktop-hover only; English already hides its :after equivalent at this
   breakpoint (responsive.css), the Urdu ::before was missing the same guard
   and was overflowing the shorter mobile row height into the row below */
@media only screen and (max-width: 991px) {
    .main-menu.style2 .navigation > li.dropdown > a::before {
        display: none;
    }
    /* responsive.css's ".navbar-collapse .navigation li ul li a" carries its
       own font-family: Rubik and outranks the base Urdu submenu-font rule
       above (one extra class = higher specificity), so mobile submenu items
       (Images, Videos, etc.) rendered in Rubik instead of Mehr Nastaliq while
       desktop was unaffected (no such override exists outside this breakpoint) */
    [dir="rtl"] .main-menu .navbar-collapse .navigation li ul li a {
        font-family: 'Mehr Nastaliq', serif;
    }
}
/* main menu style end */
/*style for subsriction*/
.newsletter-section .form-control.is-invalid, .was-validated .form-control:invalid{
    background-position: center left calc(2.25rem / 4);
}
/*Donate page*/
.brand-area table{
    direction: rtl;
}
.brand-area table tr th:nth-child(1){ 
    text-align: right;
}
/*service page*/
.services-style2-service-page .sec-title .title {
    text-align: right;
    font-size: 50px;
    line-height: 1.2; /* Result: 60px */

}
/* .services-style2-service-page .text p{
    padding-right: 68px;
    text-align: right;
}  */
/*country structure section*/
.pt-5 h1 , .pt-5 p{
text-align: right;
}
.brand-area .title{
    text-align: right;
}
/* Donate page — keep the centered section title centered */
.brand-area .sec-title.text-center .title {
    text-align: center;
}
/*about us page*/
.brand-area .brand-content .brand-text{
    text-align: right;
 }
/*Genral Float Left override*/
.breadcrumb-area .breadcrumb-menu {
    float: right !important;
 }
 /*documents style*/
#documentSearch{
    text-align: right;
}
.breadcrumb-area .breadcrumb-menu ul {
    display: flex;
}
.breadcrumb-area .breadcrumb-menu ul li {
    margin-left:10px;
    padding-left:17px;

    margin-right: 0;
    padding-right: 0;
}
.breadcrumb-area .breadcrumb-menu ul li:before{
    display: none;
}
.breadcrumb-area .breadcrumb-menu ul li:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: 7px;
    height: 2px;
    background: url(../images/icon/arrow.png);
    content: "";
    margin: 18px 0;
}
.breadcrumb-area .breadcrumb-menu ul li:last-child:after{
    display: none;
} 
.breadcrumb-area h1 {
    text-align: center;
 }
.author-box-holder .inner-box .text {
    padding-right: 40px;
    padding-left: 0px;
    text-align: right;
}
.author-box-holder .inner-box .text .author-social-links p {
    float: right;
    padding-right: 0px;
    padding-left: 10px;
}
.author-box-holder .inner-box .text .author-social-links ul {
    float: right;
}
.page-title h1, .page-title h2, .page-title h3, .page-title p{
    text-align: right;
}
.page-title h1{
    margin-bottom: 10px;
}
.department-rs{
    text-align: right;
}


@media (min-width: 992px) {
    /* Styles for all laptops and desktops */
    /* [dir="rtl"] li:nth-child(7) > a {
        margin-left: 65px;
    } */
    .float-lg-center-only {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }

}

@media only screen and (max-width: 991px) {
    .main-menu .navbar-collapse .navigation li a {
        text-align: right;
        padding-left: 10px;
    }
    .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
      left: 20px !important;
      right: auto;
    }
    .main-menu .navbar-collapse .navigation li ul li a{
        text-align: right;
     }
    .about-style2-area .button {
        text-align: center;
    }
    #about-section .button {
        text-align: center;
    }
    #about-section .title {
        text-align: center;
    }
    .recently-project-area  .title {
        text-align: center;
    }
    #org-structure .button {
        text-align: center !important;
    }
    #org-structure .title{
        text-align: center;
    }
    .brand-area .title{
        text-align: center;
    }
   
}

@media (min-width: 992px) and (max-width: 1090px) {
    .float-md-left-md-only {
        float: left !important;
    }
    [dir="rtl"] li:nth-child(7) > a {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .author-box-holder .inner-box .text {
        padding-right: 0px !important;
        margin-top: 20px;
    }
}

/* Donate — Bank Details Card */
.bank-row-body {
    text-align: right;
}

/* Login Error Toast — mirror to left side, slide in from left */
html[dir='rtl'] .di-toast {
    right: auto;
    left: 20px;
    border-left: none;
    border-right: 4px solid #E5484D;
    text-align: right;
    animation-name: diToastInRtl;
}
html[dir='rtl'] .di-toast-close {
    right: auto;
    left: 12px;
}
html[dir='rtl'] .di-toast-progress {
    left: auto;
    right: 0;
}
html[dir='rtl'] .di-toast.di-toast-hide {
    animation-name: diToastOutRtl;
}
@keyframes diToastInRtl {
    from { transform: translateX(-110%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes diToastOutRtl {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(-110%); opacity: 0; }
}
@media (max-width: 575px) {
    html[dir='rtl'] .di-toast {
        left: 10px;
        right: 10px;
    }
}