/* --- Custom styles (easy to tweak) --- */
    :root{
      --brand:#0d6efd; 
      --muted:#6c757d;
      --accent:#0b5ed7;
    }
    body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
    .hero{background:linear-gradient(90deg, rgba(13,110,253,0.06), rgba(11,94,215,0.02)); padding:4.5rem 0}
    .feature-icon{width:56px;height:56px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 6px 18px rgba(15,20,30,0.04)}
    .pricing-card{border:1px solid rgba(13,110,253,0.08)}
    .badge-soft{background:rgba(13,110,253,0.08);color:var(--brand);padding:.25rem .55rem;border-radius:.5rem;font-weight:600;font-size:.8rem}
    footer{background:#0f1724;color:#e6eef8}
    img{max-width:100%;height:auto}
   

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0px 12px 0px 12px!important;
}


.form-group label{
  display: block;
    text-align: left;
    color: black;
    font-weight: bold;
    padding-left: 4px;
    margin-bottom: 0px !important;
}

.whiteOutline{
      --bs-btn-color: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #060606;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #0f0e0e;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffffff;
    --bs-gradient: none;
}
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: rgb(0 0 0);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.navbar-nav .dropdown-menu {
margin-top: 14px;
}
.navbar-nav .dropdown:hover .dropdown-menu {
display: block;
margin-top: 14px; /* keeps dropdown attached */
}
.dropdown-menu {
border-radius: 12px;
padding: 20px 0px;
min-width: 250px;
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.dropdown-menu a {
padding: 8px 12px;
font-size: 15px;
}


/* Mega menu width */
.mega-menu {
  max-width: calc(100vw - 40px);
  left: 50%;
  transform: translateX(-34%);
  border-radius: 10px;
  border: 1px solid #eee;
  
}
.mega-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 12px;          /* bridge height */
  background: transparent;
}



.text-bg-primaryNew {
    color: #fff !important;
    background-color: rgb(22 55 104) !important;
    padding: 9px 12px;
}


.dashboard-anim {
  --cards-offset-top: 93px;
  --cards-height: 350px;
  --center-image-overlap: 34px;
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
  background: #006fda;
}
.bg-blue{background: #006fda!important;}
.moving-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  top: var(--cards-offset-top);
}
.left-slider,
.right-slider {
    overflow: hidden;
}
.slider {
  width: 50%;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 1) 88%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 1) 88%, transparent 100%);
}

.track {
  display: flex;
  width: max-content;
  white-space: nowrap;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}









.track img {
  width: 100px;
  margin: 0 20px;
  opacity: 0.7;
  transform: scale(0.9);
}

.center-img {
  position: absolute;
  top: calc(var(--cards-offset-top) - (var(--center-image-overlap) / 2));
  left: 50%;
  height: calc(var(--cards-height) + var(--center-image-overlap));
  transform: translateX(-50%);
  z-index: 10;
}

.center-img-frame {
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  padding: 12px;
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(255,255,255,0.28), rgba(13,110,253,0.22));
  border: 2px solid rgba(86, 166, 255, 0.95);
  box-shadow:
    0 18px 40px rgba(4, 47, 110, 0.32),
    0 10px 22px rgba(13, 110, 253, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.65);
}

.center-img img {
  /* width: 750px;
  max-width: 750px; */
  width: auto;
  height: 100%;
  display: block;
  border-radius: 18px;
  border: 1px solid rgba(135, 194, 255, 0.9);
  background: #ffffff;
  filter: drop-shadow(0px 14px 30px rgba(0,0,0,0.16));
}


















/* Background */
.ib-bg {
  background: radial-gradient(circle at top left, #1677ff, #0b4db7);
  min-height: 100vh;
}

/* Card */
.ib-card {
  background: rgba(255,255,255,0.14);
  backdrop-filter: blur(16px);
  border-radius: 20px;
  padding: 20px;
  color: #fff;
  height: var(--cards-height);
  width:270px;
  margin-right:12px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 18px 40px rgba(0,0,0,.25);
  transition: all .3s ease;
}

  .ib-card:hover {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),
    0 22px 50px rgba(0,0,0,.35);
  }

/* Card head */
.card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.title {
  font-weight: 600;
}

/* Icon circle */
.icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

/* Text */
.muted {
  opacity: .75;
}

.amount {
  font-size: 26px;
  font-weight: 700;
  margin: 8px 0;
}

/* Meta */
.card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tag {
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 20px;
}

.tag.success {
  background: rgba(0,255,160,.25);
}

/* Avatar */
.avatar-wrap img {
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,.25);
}

/* List */
.ib-list {
  list-style: none;
  padding: 0;
  margin-top: 12px;
}

.ib-list li {
  font-size: 14px;
  opacity: .9;
  padding: 4px 0;
}

/* Progress */
.ib-progress span {
  font-size: 13px;
}

.progress {
  height: 6px;
  background: rgba(255,255,255,.25);
  border-radius: 10px;
}

.progress-bar {
  background: #fff;
}

/* Audit tile */
.audit-tile {
  background: rgba(0,0,0,.2);
  padding: 14px;
  border-radius: 14px;
}

.date {
  background: rgba(255,255,255,.25);
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}



.fs-custom{
  max-width:650px;font-size:54px;font-weight:900;
}


.custom-footer-links{padding-left:20px;}
.custom-footer-links li{   
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    margin-bottom: 20px;
  }

.custom-footer-links>li>a{display:block;text-decoration:none;font-size:12px; }

.btn-call>i{
  position: absolute;
  left: -19px;
  border: 1px solid gray;
  padding: 12px;
  border-radius: 6px;  
}
.list-unstyled li a{text-decoration:none;}

.text-yellow{color:#ffc107!important;}



/**auth modal **/
.auth-card {
  width: 100%;
  max-width: 420px;
}

/**auth modal end **/

/**captcah style**/
.captcha-box {
  background: #f8f9fa;
  padding: 10px;
  border-radius: 12px;
}

.captcha-img {
  background: #fff;
}

.refresh-btn {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.refresh-btn i {
  font-size: 20px;
}

/**captcah style end **/
  .pEye,.pEye1, .pEye2, .pEye3, .pEye4, .pEye5 {
    position: absolute !important;
    right: 9px !important;
    top: 5px !important;
    font-size: 17px !important;
    cursor: pointer !important;
    color: #9d9da4 !important;
    z-index: 9999;
    display: none;
  }


  .mb-3 {
     margin-bottom: 9px!important;
  }



@media (max-width: 767px) {
    body{
      padding-bottom:92px;
    }
    .hero{padding:3rem 0}
    .fs-custom{
    max-width:650px;font-size:35px;font-weight:700;
    }
    .cta-btns {
    flex-direction: column;   /* IMPORTANT */
    }

    .cta-btns .mbtn {
    width: 100%;
    display: block;
    text-align: center;
    }

    .center-img img {
    width: 299px;
    height: auto;
    filter: drop-shadow(0px 10px 25px rgba(0, 0, 0, 0.2));
    margin-top: 0;
    border-radius: 14px;
    }

    .center-img-frame {
    padding: 8px;
    border-radius: 18px;
    margin-top: 50px;
    }

    .dashboard-anim {
    display:none;
    }

    .mobile-sticky-cta{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      z-index:1035;
      display:flex;
      gap:10px;
      padding:12px 14px calc(12px + env(safe-area-inset-bottom));
      background:rgba(255,255,255,.96);
      border-top:1px solid rgba(13,110,253,.12);
      box-shadow:0 -8px 24px rgba(15,20,30,.12);
      backdrop-filter:blur(10px);
    }

    .mobile-sticky-cta__primary,
    .mobile-sticky-cta__secondary{
      flex:1 1 0;
      text-align:center;
      font-weight:600;
      border-radius:.8rem;
      padding:.8rem .75rem;
    }
}





/* Disable hover on mobile */
@media (max-width: 991px) {
  .mega-dropdown:hover .mega-menu {
     display: none !important;
  }
}

@media (max-width: 1024px) {
  .moving-layer {
    display: none !important;
  }
  .center-img {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 10;
  }
}

@media (min-width: 768px) {
  .mobile-sticky-cta{
    display:none !important;
  }
}