:root,[data-bs-theme="light"]{--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans",
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-emphasis-color:#000;--bs-heading-color:inherit;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25}
 *,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#fff0}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + 0.9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}
        :root{

    --theme-main: #f3f4f6;
    --theme-main-2: #108ce4;
    --theme-main-3: #f3f4f6;
    --theme-main-4: white;
    --theme-main-5: white;
    --bg-footer: #235088;
    --dropdown: #f3f4f6;
    --media-bg: white;
    --text-1: #444b51;
    --text-2: #108ce4;
    --text-light: #606060;
    --footer-bg: #444b51;
    --footer-link: white;
    --gray-white: white;
     --bg-main-dark: #0056bd;
    /* --bg-main-dark-2: #E63946; */
    --bg-main-dark-2: #DD303E;
    --bg-main-light: white;
    --text-dark: #10171f;
    --load-1: #f9f9f9;
    --load-2: #e5e5e5;

}
[data-theme="dark"]{
  
    --footer-link: #444b51;
    --theme-main: #141519;
    --theme-main-2: #108ce4;
    --theme-main-3: #191a1f;
    --theme-main-4: #141519;
    --theme-main-5: #191a1f;
    --bg-footer: #000812;
    --dropdown: #252730;
    --text-1: white;
    --text-2: #444b51;
    --text-light: #9a9a9a;
    --gray-white: #191a1f;
    --media-bg: #252730;
    --load-1: #2d303d;
    --load-2: #22242d;

}
body{
  background-color: var(--theme-main);
}

body[data-theme="dark"] .toggle-track svg:nth-child(1) {
    filter: brightness(0) invert(1);
}
a{
  text-decoration: none;
}

.theme-h2{
    color: var(--text-1);
    font-family: sans-serif;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}
.theme-main-btn{
    border: none;
    width: fit-content;
    background: var(--theme-main-2);
    color: white;
    padding: 10px 15px 10px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 145px;
    font-size: 18px;
    font-weight: 500;
    margin: 30px auto 0px auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.5s;
    border: 2px solid transparent;
}
.theme-main-btn:hover{
  color: var(--theme-main-2);
    border: 2px solid var(--theme-main-2);

}
.theme-main-btn:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background-color: var(--theme-main-4);
  z-index: -1;
  transition: 0.6s;
  transform: scale(2);
}
.theme-sec-img{
  aspect-ratio: 1585/469;
  background: #141519;
  animation: loadin 1.5s ease infinite forwards reverse;
}
.theme-sec-img img{
  aspect-ratio: 1585/469;
  
} 
.theme-main-btn:hover:before{
  width: 200px;
  height: 200px;
}
.inner-top-space{
  padding-top: 80px !important;
}
   .loadin-inner{
    background: var(--load-1);
    animation: loadin 1.5s ease infinite forwards reverse;
   }
   [data-theme="dark"] .theme-sec-img, [data-theme="light"] .loadin-inner{
    background: var(--load-1);
   }
 @media (prefers-reduced-motion: reduce) {
  .loadin-inner {
    animation: none;
    background: var(--load-1);
  }
  .theme-sec-img {
    animation: none;
    background: var(--load-1);
  }
}
   @keyframes loadin {
    0%{
      background: var(--load-1);
      
    }
     50%{
      background: var(--load-2);
    }
    100%{
      background: var(--load-1);
    }
   }
.theme-pagination{
            margin-top: 30px;
            width: fit-content;
            margin: 0px auto;
          }
          .theme-pagination .pagination{
            display: flex;
            align-items: center;
            justify-content: center;
          }
          
           .theme-pagination .page-item .page-link{
            border: none;
            background: var(--dropdown);
            color: var(--text-1);
            box-shadow: none !important;
            font-weight: 600;
            padding: 10px 20px;
           }
           .theme-pagination .page-item[rel="next"] .page-link{
              background-color: #444b51 !important;
              color: white !important;
           }
           [data-theme="dark"] .theme-pagination .page-item[rel="next"] .page-link{
              background-color: #141519 !important;
           }
          .theme-pagination .page-item:nth-child(1) .page-link{
            border-radius: 200px;
            margin-right: 12px;
          }
           .theme-pagination .page-item:nth-child(2) .page-link{
            border-radius: 200px 0px 0px 200px;
            border-right: 0px;
          }
          .theme-pagination .page-item:nth-last-child(1){
          }
           .theme-pagination .page-item:nth-last-child(1) .page-link{
            border-radius: 200px;
            border-right: 0px;
            margin-left: 12px;
          }
           .theme-pagination .page-item:nth-last-child(2) .page-link{
            border-radius: 0px 200px 200px 0px;
            border-left: 0px;
          }
          .theme-pagination .page-item.disabled .page-link{
            background: #108ce4;
            color: white;
          }
          .theme-pagination .page-item.active .page-link{
            color: #108ce4;
          }
          @media(max-width: 576px){
            .theme-pagination .page-item .page-link{
              padding: 8px 15px;
            }
          }
           @media(max-width: 400px){
            .theme-pagination .page-item .page-link{
              padding: 8px 11px;
            }
          }
@media(max-width: 768px){
  .theme-h2{
    font-size: 28px;
  }
  .theme-main-btn{
    min-width: 125px;
    padding: 6px 10px 6px 10px;
  }
  .inner-top-space{
  padding-top: 135px !important;
}
}
@media(max-width: 576px){
  .inner-top-space{
  padding-top: 120px !important;
}
}

/* Backdrop Blur */
.mfp-container {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari support */
}

/* Fade effect for background */
.mfp-with-fade.mfp-bg {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.mfp-with-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-with-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* Fade + scale for content */
.mfp-with-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    transition: all 0.3s ease;
}
.mfp-with-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    transform: scale(1);
}
.mfp-with-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.95);
}
.mfp-arrow{
  -webkit-transform: unset !important;
}

@font-face {
  font-family: "nafees_web_naskhshipped";
  src: url("../fonts/nafees_web_naskhshipped.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Mehr Nastaliq Web 3";
  src: url("../fonts/Mehr Nastaliq Web 3.ttf");
  font-display: swap;
}