/* ===== GLOBAL TOKENS ===== */
:root{
  --navy:#172c54;
  --blue:#1878bd;
  --accent:#2eaadc;
  --text:#222;
  --muted:#64748b;
  --white:#fff;
  --cool:#f4f7fc;
  --border:#e2e8f0;
}

/* ===== GLASSMORPHISM ===== */
.glass {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
}

/* ===== CARD SYSTEM ===== */
.card {
  background:#fff;
  border-radius:16px;
  border:1px solid var(--border);
  box-shadow:0 2px 16px rgba(23,44,84,0.08);
  transition:all .3s cubic-bezier(.25,.46,.45,.94);
}
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(23,44,84,0.18);
}

/* ===== BUTTON ===== */
.btn-primary{
  background:var(--navy);
  color:#fff;
  border-radius:8px;
  padding:16px 36px;
  transition:.3s;
}
.btn-primary:hover{
  background:var(--blue);
  box-shadow:0 4px 16px rgba(24,120,189,.35);
}

/* ===== HERO GLOW ===== */
.hero-glow{
  position:relative;
}
.hero-glow:before{
  content:'';
  position:absolute;
  width:600px;
  height:600px;
  background:radial-gradient(circle, rgba(24,120,189,.35), transparent);
  top:-120px;
  right:-120px;
  filter:blur(80px);
}

/* ===== FLOATING CAPSULES ===== */
.capsule{
  position:absolute;
  width:18px;
  height:42px;
  background:linear-gradient(145deg,#2eaadc,#1878bd);
  border-radius:50px;
  box-shadow:0 10px 20px rgba(0,0,0,.2);
  animation:float 6s ease-in-out infinite;
}
.capsule:nth-child(2){ animation-delay:1s; }
.capsule:nth-child(3){ animation-delay:2s; }

@keyframes float{
  0%,100%{ transform:translateY(0) rotate(0deg); }
  50%{ transform:translateY(-20px) rotate(10deg); }
}

/* ===== SCROLL REVEAL ===== */
.reveal{
  opacity:0;
  transform:translateY(40px);
  transition:all .8s ease;
}
.reveal.active{
  opacity:1;
  transform:translateY(0);
}

/* ===== IMAGE GRID ===== */
.grid-wrap{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:20px;
}
.grid-right{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:20px;
}
.grid-wrap img{
  width:100%;
  border-radius:16px;
  object-fit:cover;
}

/* ===== STICKY HEADER EFFECT ===== */
.header-scrolled{
  backdrop-filter:blur(10px);
  box-shadow:0 2px 20px rgba(23,44,84,0.08);
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .grid-wrap{
    grid-template-columns:1fr;
  }
}




/* ===== Hero Slider CSS ===== */
ul#bdt-slideshow-1 li {
    margin: 0px;
}
ul.bdt-ps-counternav {
    display: none !important;
}
.bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before {
    background: none;
}
.bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt {
    column-count: 1;
}
@media (min-width: 1024px) {
    .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
        margin-left: 70px;
    }
}

@media (max-width: 480px) {
    .bdt-prime-slider-skin-crelly .bdt-slideshow-item .bdt-ps-slide-img {
        background-position: left; 
    }
}