/* =========================================================
   Minimal Bootstrap 5.3.3 CSS
   Sirf index_blade.php me use hui classes ke liye
   ========================================================= */

/* ---------- Container ---------- */
*, ::after, ::before {
    box-sizing: border-box;
}
body{margin: 0;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }

/* ---------- Row / Grid ---------- */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

/* Gutters */
.g-0 { --bs-gutter-x: 0; --bs-gutter-y: 0; }
.g-3 { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }
.g-4 { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; }
.gy-4 { --bs-gutter-y: 1.5rem; }
.gy-5 { --bs-gutter-y: 3rem; }

/* Columns used: col-md-6, col-lg-3/4/5/7/8/12 */
@media (min-width: 768px) {
  .col-md-6 { flex: 0 0 auto; width: 50%; }
}
@media (min-width: 992px) {
  .col-lg-3  { flex: 0 0 auto; width: 25%; }
  .col-lg-4  { flex: 0 0 auto; width: 33.3333333333%; }
  .col-lg-5  { flex: 0 0 auto; width: 41.6666666667%; }
  .col-lg-7  { flex: 0 0 auto; width: 58.3333333333%; }
  .col-lg-8  { flex: 0 0 auto; width: 66.6666666667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
}

/* ---------- Flex utilities ---------- */
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.flex-wrap { flex-wrap: wrap !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.gap-2 { gap: .5rem !important; }
.gap-3 { gap: 1rem !important; }

/* ---------- Spacing utilities ---------- */
.mb-0 { margin-bottom: 0 !important; }
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mt-2 { margin-top: .5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.ms-2 { margin-left: .5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.mx-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.m-auto { margin: auto !important; }
.p-0 { padding: 0 !important; }
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.pt-3 { padding-top: 1rem !important; }

/* ---------- Text utilities ---------- */
.text-center { text-align: center !important; }
@media (min-width: 992px) {
  .text-lg-end { text-align: right !important; }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

/* ---------- Misc utilities ---------- */
.position-relative { position: relative !important; }
.rounded-3 { border-radius: .5rem !important; }
.bg-white { background-color: #fff !important; }

/* ---------- Tabs (tab-content / tab-pane / fade / show / active) ---------- */
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }

.fade { transition: opacity .15s linear; }
.fade:not(.show) { opacity: 0; }

/* ---------- Dropdown ---------- */
.dropdown { position: relative; }
.dropdown-toggle { cursor: pointer; }
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .3em;
  vertical-align: .18em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .375rem;
}
.dropdown-menu.show { display: block; }

.position-static { position: static !important; }

/* ---------- Row-cols ---------- */
.row-cols-2 > * { flex: 0 0 auto; width: 50%; }
@media (min-width: 768px) {
  .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
}

/* ---------- Bare column ---------- */
.col { flex: 1 0 0%; }

/* ---------- Additional columns ---------- */
.col-6 { flex: 0 0 auto; width: 50%; }
@media (min-width: 768px) {
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px) {
  .col-lg-9 { flex: 0 0 auto; width: 75%; }
}

/* ---------- Additional gutter ---------- */
.g-2 { --bs-gutter-x: .5rem; --bs-gutter-y: .5rem; }

/* ---------- Additional spacing / sizing ---------- */
.w-100 { width: 100% !important; }
.ms-auto { margin-left: auto !important; }
.align-items-stretch { align-items: stretch !important; }

@media (min-width: 992px) {
  .align-items-lg-center { align-items: center !important; }
  .gap-lg-1 { gap: .25rem !important; }
  .ms-lg-2 { margin-left: .5rem !important; }
  .mt-lg-0 { margin-top: 0 !important; }
}
/* ---------- Collapse ---------- */
.collapse:not(.show) { display: none; }
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}



/* ---------- Flex ---------- */
.align-items-start { align-items: flex-start !important; }
.flex-column { flex-direction: column !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.gap-4 { gap: 1.5rem !important; }

/* ---------- Display ---------- */
.d-none { display: none !important; }
@media (min-width: 992px) {
  .d-lg-block { display: block !important; }
}

/* ---------- Column ---------- */
@media (min-width: 992px) {
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
}

/* ---------- Sizing ---------- */
.h-100 { height: 100% !important; }

/* ---------- Spacing ---------- */
.mb-1 { margin-bottom: .25rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.me-2 { margin-right: .5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
@media (min-width: 768px) {
  .p-md-4 { padding: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .ps-md-4 { padding-left: 1.5rem !important; }
}

/* ---------- Border ---------- */
.border { border: 1px solid #dee2e6 !important; }
.border-light { border-color: #f8f9fa !important; }

/* ---------- Border radius ---------- */
.rounded-4 { border-radius: 1rem !important; }
.rounded-circle { border-radius: 50% !important; }

/* ---------- Shadow ---------- */
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important; }

/* ---------- Typography ---------- */
.lead { font-size: 1.25rem; font-weight: 300; }
.list-unstyled { padding-left: 0; list-style: none; }
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 { font-size: 2.5rem; }
}

/* ---------- Colors: background ---------- */
.bg-primary   { background-color: #0d6efd !important; }
.bg-secondary { background-color: #6c757d !important; }
.bg-success   { background-color: #198754 !important; }
.bg-dark      { background-color: #212529 !important; }

/* ---------- Colors: text ---------- */
.text-dark      { color: #212529 !important; }
.text-muted     { color: #6c757d !important; }
.text-primary   { color: #0d6efd !important; }
.text-success   { color: #198754 !important; }
.text-white     { color: #fff !important; }
.text-white-50  { color: rgba(255,255,255,.5) !important; }

/* ---------- Object fit (utility API class, not in core bundle by default but commonly used) ---------- */
.object-fit-cover { object-fit: cover !important; }




.fw-bold { font-weight: 700 !important; }
.small { font-size: .875em; }
.text-decoration-none { text-decoration: none !important; }

/* ---------- Card component ---------- */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.175);
  border-radius: .375rem;
}
.card-body { flex: 1 1 auto; padding: 1rem; }
.card-title { margin-bottom: .5rem; }
.card-text:last-child { margin-bottom: 0; }
.border-0 { border: 0 !important; }
.overflow-hidden { overflow: hidden !important; }

/* ---------- Position ---------- */
.position-absolute { position: absolute !important; }
.bottom-0 { bottom: 0 !important; }
.start-0 { left: 0 !important; }

/* ---------- Spacing ---------- */
.m-3 { margin: 1rem !important; }
.ms-1 { margin-left: .25rem !important; }
.gap-1 { gap: .25rem !important; }

/* ---------- Bare column (equal-width flex column) ---------- */
.col-lg { flex: 1 0 0%; }

/* ---------- Colors: background ---------- */
.bg-warning { background-color: #ffc107 !important; }
.bg-info    { background-color: #0dcaf0 !important; }

/* ---------- Colors: text ---------- */
.text-secondary { color: #6c757d !important; }
.text-warning    { color: #ffc107 !important; }
.text-info       { color: #0dcaf0 !important; }
.text-danger     { color: #dc3545 !important; }




/* =========================================================
   Minimal Bootstrap 5.3.3 CSS — PART 5
   Sirf is file me use hui NAYI classes
   (jo part 1-4 me nahi thi)
   ========================================================= */

/* ---------- Column ---------- */
@media (min-width: 992px) {
  .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; }
}

/* ---------- Flex ---------- */
.justify-content-between { justify-content: space-between !important; }
@media (min-width: 768px) {
  .flex-md-row { flex-direction: row !important; }
  .align-items-md-center { align-items: center !important; }
}

/* ---------- Spacing ---------- */
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
.me-1 { margin-right: .25rem !important; }

/* ---------- Colors ---------- */
.bg-light { background-color: #f8f9fa !important; }

/* ---------- Border radius ---------- */
.rounded-pill { border-radius: 50rem !important; }

/* ---------- Badge ---------- */
.badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .375rem;
}



/* =========================================================
   Minimal Bootstrap 5.3.3 CSS — PART 6
   Sirf is file me use hui NAYI classes
   (jo part 1-5 me nahi thi)
   ========================================================= */

/* ---------- Shadow (bare) ---------- */
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }

/* ---------- Position ---------- */
.top-0 { top: 0 !important; }

/* ---------- Spacing ---------- */
.m-2 { margin: .5rem !important; }
.py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
.mt-1 { margin-top: .25rem !important; }

/* ---------- Display ---------- */
.d-block { display: block !important; }

/* ---------- Typography ---------- */
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 { font-size: 3.5rem; }
}

/* ---------- Border ---------- */
.border-top { border-top: 1px solid #dee2e6 !important; }
.border-secondary { border-color: #6c757d !important; }

/* ---------- Background opacity ----------
   Redefines bg-white / bg-dark using rgba so bg-opacity-* works with them */
.bg-opacity-10 { --bs-bg-opacity: .1; }
.bg-opacity-50 { --bs-bg-opacity: .5; }
.bg-white { background-color: rgba(255,255,255,var(--bs-bg-opacity,1)) !important; }
.bg-dark  { background-color: rgba(33,37,41,var(--bs-bg-opacity,1)) !important; }

/* ---------- Buttons ---------- */
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
}
.btn-primary:hover { background-color: #0b5ed7; border-color: #0a58ca; }

.btn-outline-light {
  color: #fff;
  border: 1px solid #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:hover { color: #212529; background-color: #f8f9fa; }

.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .375rem;
}

/* ---------- Progress bar ---------- */
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .375rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width .6s ease;
}



/* =========================================================
   Minimal Bootstrap 5.3.3 CSS — PART 7
   Sirf is file me use hui NAYI classes
   (jo part 1-6 me nahi thi)
   ========================================================= */

/* ---------- Background opacity variant ---------- */
.bg-opacity-40 { --bs-bg-opacity: .4; }

/* ---------- Colors ---------- */
.bg-danger { background-color: rgba(220,53,69,var(--bs-bg-opacity,1)) !important; }

/* ---------- Font size utilities ---------- */
.fs-2 { font-size: 2rem !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1rem !important; }

/* ---------- Opacity ---------- */
.opacity-75 { opacity: .75 !important; }

/* ---------- Position ---------- */
.end-0 { right: 0 !important; }

/* ---------- Display ---------- */
.d-grid { display: grid !important; }

/* ---------- Spacing ---------- */
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
.p-5 { padding: 3rem !important; }

/* ---------- Buttons ---------- */
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border: 1px solid #dc3545;
}
.btn-danger:hover { background-color: #bb2d3b; border-color: #b02a37; }

/* ---------- Typography ---------- */
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 { font-size: 4.5rem; }
}

/* Legacy Bootstrap 4 naming used in project (kept as alias of fw-bold) */
.font-weight-bold { font-weight: 700 !important; }


.db-hero .pane-inner{
    position:relative;
    z-index:2;
    width:100%;
    padding-bottom:70px;
  }
  .pane-heading{
    color:#fff;
    font-weight:800;
    font-size:clamp(1.9rem, 1.2rem + 2.6vw, 3.1rem);
    line-height:1.18;
    margin-bottom:.75rem;
  }
  .pane-subheading {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 6px;
    background: #0079ba;
    padding: 2px 15px;
    border-radius: 7px;
    width: fit-content;
  }
  .pane-desc{
    color:rgba(255,255,255,.82);
    font-size:1.05rem;
    line-height:1.7;
    max-width:520px;
    margin:1.1rem 0 1.75rem;
  }

  .db-hero-tabbar{
    position:absolute;
    left:0; right:0; bottom:0;
    z-index:5;
    background:linear-gradient(0deg, rgba(0,0,0,.75), transparent);
    padding-top:2.5rem;
  }
  .db-hero-tabbar .nav{
    border:none;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:2.5rem;
    padding-bottom:1.5rem;
  }
  .db-hero-tabbar .nav::-webkit-scrollbar{ display:none; }
  .db-hero-tabbar .nav-link{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-size:1rem;
    color:rgba(255,255,255,.65);
    background:transparent;
    border:none;
    padding:0 0 .6rem 0;
    white-space:nowrap;
    position:relative;
    transition:all .35s ease;
  }
  .db-hero-tabbar .nav-link::after{
    content:"";
    position:absolute;
    left:0; bottom:0;
    width:100%; height:2px;
    background:var(--secondary);
    transform:scaleX(0);
    transform-origin:left;
    transition:all .35s ease;
  }
  .db-hero-tabbar .nav-link:hover{ color:#fff; }
  .db-hero-tabbar .nav-link.active{ color:#fff; }
  .db-hero-tabbar .nav-link.active::after{ transform:scaleX(1); }

  @media (max-width:991.98px){
    .db-hero, .db-hero .tab-content{ min-height:auto; height:auto; }
    .db-hero .tab-pane{ position:relative; inset:auto; display:block; }
    .db-hero .tab-pane:not(.active){ display:none; }
    .pane-inner{ padding:3rem 0 6.5rem; }
  }
  @media (max-width:575.98px){
    .pane-subheading{ font-size:1.1rem; }
    .db-hero-tabbar .nav{ gap:1.5rem; }
  }

    .db-hero .pane-overlay{
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.25) 65%, rgba(0,0,0,.55) 100%),
      linear-gradient(0deg, rgba(0,0,0,.65) 0%, transparent 30%);
  }
  .text-second {
    color: var(--secondary);
}
.page-hero-banner {
    position: relative;
    padding: 60px 0 40px;
    background: #071a2f;
    color: #ffffff;
    overflow: hidden;
}
.page-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.6;
}
.page-hero-content {
    position: relative;
    z-index: 2;
}
.page-hero-content h1 {
    color: #fff;
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 800;
    margin-top: 10px;
    line-height: 1;
}
.page-hero-content p {color: rgba(255,255,255,0.85); max-width: 720px; font-size: 19px; line-height: 1.6;}
.custom-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 24px;
}
.custom-breadcrumb a { color: rgba(255, 255, 255, 0.85); text-decoration: none; }
.custom-breadcrumb a:hover { color: #00a6d6; }