[data-darkmode-toggle] .switch>input:checked+.slider::before {
  content: "\f186";
  /* Moon icon FA */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /* solid */
  color: currentColor;
  animation: scalingUp .2s ease-out;
}

[data-darkmode-toggle] .switch>input:not(:checked)+.slider::before {
  content: "\f185";
  /* Sun icon FA */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: currentColor;
}

.list-group-item a {
  flex: 1;
}

.list-group-item .badge {
  min-width: 35px;
  text-align: center;
}
/* contact us */
/* Hero Section */
.hero-section {
  position: relative;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-video,
.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

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

/* Contact Info Card */
.contact-info-card {
  background: linear-gradient(135deg, #0d6efd, #01337b);
  padding: 30px;
  border-radius: 15px;
  color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.contact-info-card .info-item {
  display: flex;
  align-items: center;
}

/* .contact-info-card .contact-icon {
  background: rgba(255, 255, 255, 0.2);
  padding: 12px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
} */

/* Contact Form Card */
/* Hero Section */
.hero-section {
  position: relative;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-video,
.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

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

/* Contact Info Card */
.contact-info-card {
  background: linear-gradient(135deg, #000, #333);
  padding: 30px;
  border-radius: 15px;
  color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.contact-info-card .info-item {
  display: flex;
  align-items: center;
}

/* .contact-info-card .contact-icon {
  background: #cc0001;
  padding: 12px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
} */

/* Contact Form Card */
.contact-form-card {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.contact-form-card .form-control {
  border-radius: 10px;
  padding: 12px 15px;
  border: 1px solid #ccc;
  transition: all 0.3s ease;
}

.contact-form-card .form-control:focus {
  border-color: #cc0001;
  box-shadow: 0 0 8px rgba(220, 53, 69, 0.3);
}

.contact-form-card button {
  border-radius: 10px;
  padding: 12px;
  background: #cc0001;
  border: none;
  transition: all 0.3s ease;
}

.contact-form-card button:hover {
  background: #b02a37;
}

/* Map Section */
.map-container {
  height: 450px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}


p,
label,body,html,
a {
  color: #000000;
  /* font-family: "TLPashto" !important; */
}


.focus\:text-muted:focus,
.hover\:text-muted:hover,
.text-muted,
.text-muted-focus:focus,
.text-muted-hover:hover {
  color: #000 !important;
}

/* پیش‌فرض: روی همه مخفی */
.mobile-only {
  display: none !important;
  background: transparent;
  border: none;
  font-size: 24px;
}

/* فقط روی موبایل نمایش بده */
@media (max-width: 768px) {
  .mobile-only {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #333;
  }
}
a {
  text-decoration: none !important;
}

.focus\:text-primary:focus,
.hover\:text-primary:hover,
.text-primary,
.text-primary-focus:focus,
.text-primary-hover:hover {
  --bs-text-opacity: 1;
  color: #cc00009d !important;
}

:where(.uc-dark) .dark\:bg-black,
:where(.uc-dark) .dark\:bg-black-focus:focus,
:where(.uc-dark) .dark\:bg-black-hover:hover,
:where(.uc-dark) .dark\:focus\:bg-black:focus,
:where(.uc-dark) .dark\:hover\:bg-black:hover {
  --bs-bg-opacity: 1;
  background-color: rgb(224, 224, 224) !important;
}

:where(.uc-dark) .dark\:focus\:text-white:focus,
:where(.uc-dark) .dark\:hover\:text-white:hover,
:where(.uc-dark) .dark\:text-white,
:where(.uc-dark) .dark\:text-white-focus:focus,
:where(.uc-dark) .dark\:text-white-hover:hover {
  --bs-text-opacity: 1;
  color: #cc00006a !important;
}

.text-red {
  color: #cc0004 !important;
}

.first-news-img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

.first-news-title {
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  margin-top: 8px;
  color: #1a1a1a;
  text-decoration: none;
}

.first-news-title:hover {
  color: #a80d0e;
  /* رنگ دلخواه */
}

.first-news-date {
  font-size: 0.85rem;
  color: #6c757d;
  margin-top: 4px;
}

.date {
  font-size: 12px !important;
}
 /* اختصاصی برای منوی اسکرولی */
 .scrollmenu {
   flex-wrap: nowrap !important;
   /* Prevent wrapping */
   overflow-x: auto !important;
   /* Enable horizontal scroll */
   -webkit-overflow-scrolling: touch !important;
   /* Smooth scroll on mobile */
 }

 /* English */
 .scrollmenu.en {
   justify-content: flex-start !important;
   direction: ltr !important;
 }

 /* Farsi */
 .scrollmenu.fa {
   justify-content: flex-start !important;
   /* flex-start in RTL = right-aligned */
   direction: rtl !important;
 }

 /* Pashto */
 .scrollmenu.pa {
   justify-content: flex-start !important;
   direction: rtl !important;
 }

 /* Hide scrollbar */
 .scrollmenu.hide-scrollbar {
   scrollbar-width: none !important;
 }

 .scrollmenu.hide-scrollbar::-webkit-scrollbar {
   display: none !important;
 }

 .social-icons a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   color: #fff;
   font-size: 17px;
   transition: 0.3s;
   text-decoration: none;
 }

 /* رنگ برندهای شبکه‌ها */
 .social-icons a.facebook {
   background: #3b5998;
 }

 .social-icons a.twitter {
   background: #1da1f2;
 }

 .social-icons a.linkedin {
   background: #0077b5;
 }

 .social-icons a.whatsapp {
   background: #25d366;
 }

 .social-icons a.telegram {
   background: #0088cc;
 }

 .social-icons a.email {
   background: #EA4335;
 }

 .social-icons a.instagram {
   background: #E1306C;
 }

 .social-icons a.tiktok {
   background: #010101;
 }

 .social-icons a.youtube {
   background: #FF0000;
 }

 .social-icons a.copy {
   background: #6c757d;
 }

 /* افکت هاور */
 .social-icons a:hover {
   opacity: 0.85;
   transform: scale(1.1);
 }

 .play-button {
   z-index: 10;
   background: transparent;
   border: none;
   cursor: pointer;
   padding: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   /* default for LTR */
   transform: translate(-50%, -50%);
 }

 /* RTL fix */
 [dir="rtl"] .play-button {
   left: auto;
   right: 50%;
   transform: translate(50%, -50%);
 }



 /* topbar css */

 .uc-offcanvas-header {
   display: flex;
   align-items: center;
   padding: 1rem;
 }

 /* Social icons */
 .social-icons {
   display: flex;
   gap: 0.5rem;
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .social-icons li a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background-color: #333;
   color: #fff;
   transition: 0.3s;
 }

 .social-icons li a:hover {
   background-color: #a80d0e;
 }

 /* RTL fix for FA / PA */
 .social-icons.fa,
 .social-icons.pa {
   flex-direction: row-reverse;
 }

 /* Menu */
 .nav-y {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .nav-y li a {
   display: block;
   padding: 0.5rem 1rem;
   color: #292626;
   text-decoration: none;
 }

 .nav-y li a.uc-active {
   background-color: #a80d0e;
 }

 .uc-nav-sub {
   display: none;
   padding-left: 1rem;
 }

 .uc-parent:hover>.uc-nav-sub {
   display: block;
 }


 /* English LTR search input fix */
 .en #search-panel {
   display: flex;
   /* row layout */
   align-items: center;
   /* vertically center input and icon */
   gap: 0.5rem;
 }

 .en #search-panel input[type="text"] {
   flex: 1;
   /* input fills remaining space */
 }

 .en #search-panel .form-icon {
   order: 2;
   /* keep icon after input */
   cursor: pointer;
 }


    :root {
      --primary-color: #a80d0e;
      --dark-color: #1f2937;
      --light-color: #f9fafb;
    }
  
    /* Navbar main */
    .nav-x {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
      gap: 0.5rem;
    }
  
    .nav-link,
    .dropdown-item {
      color: white;
      padding: 8px 12px;
      text-decoration: none;
      border-radius: 4px;
      display: block;
      transition: background 0.3s;
    }
  
    .nav-link:hover,
    .dropdown-item:hover,
    .nav-link.uc-active,
    .dropdown-item.uc-active {
      background-color: var(--primary-color);
      color: white;
    }
  
    /* Dropdown menu */
    .nav-item.dropdown,
    .dropdown {
      position: relative;
    }
  
    .dropdown-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      min-width: 160px;
      background: var(--dark-color);
      border-radius: 6px;
      padding: 5px 0;
      z-index: 999;
    }
  
    /* Show dropdown */
    .nav-item.dropdown.show>.dropdown-menu {
      display: block;
    }
  
    /* Arrow indicator */
    .nav-item.dropdown>.nav-link::after {
      content: ' ▼';
      font-size: 0.7em;
      margin-left: 5px;
    }
  
    /* Language selector */
    .language-selector {
      display: flex;
      align-items: center;
      gap: 5px;
      cursor: pointer;
    }
  
    /* فقط برای موبایل */
    @media (max-width: 768px) {
      .nav-x {
        overflow-x: auto;
        /* فعال‌کردن اسکرول افقی */
        white-space: nowrap;
        /* جلوگیری از رفتن آیتم‌ها به خط بعدی */
        -webkit-overflow-scrolling: touch;
        /* اسکرول نرم در موبایل */
      }
  
      .nav-x::-webkit-scrollbar {
        display: none;
        /* مخفی‌کردن scrollbar در موبایل */
      }
    }

    /* page / news details slider */

         .image-gallery-wrapper {
           background: #f8f9fa;
           border-radius: 12px;
           padding: 20px;
           border: 1px solid #e9ecef;
         }
    
         .gallery-main-image {
           transition: transform 0.3s ease;
         }
    
         .thumbnail-img {
           transition: all 0.3s ease;
         }
    
         .thumbnail-img:hover,
         .thumbnail-img.active {
           border-color: #4e73df !important;
           transform: scale(1.05);
         }
    
         /* Fixed RTL Carousel Styles */
         .carousel[dir="rtl"] .carousel-control-prev {
           left: auto;
           right: 0;
         }
    
         .carousel[dir="rtl"] .carousel-control-next {
           right: auto;
           left: 0;
         }
    
         .carousel-control-prev-icon,
         .carousel-control-next-icon {
           background-color: rgba(0, 0, 0, 0.5);
           border-radius: 50%;
           padding: 12px;
         }
    
         .carousel-indicators {
           bottom: -40px;
         }
    
         .carousel-indicators button {
           width: 10px;
           height: 10px;
           border-radius: 50%;
           background-color: #dee2e6;
         }
    
         .carousel-indicators button.active {
           background-color: #4e73df;
         }
    
         /* Smooth transitions */
         .carousel-item {
           transition: transform 0.6s ease-in-out;
         }
    
         /* Responsive adjustments */
         @media (max-width: 768px) {
           .image-gallery-wrapper {
             padding: 15px;
           }
    
           .gallery-main-image {
             max-height: 300px !important;
           }
    
           .thumbnail-img {
             width: 60px !important;
             height: 45px !important;
           }
         }