:root{
  --brand:#0B63B8;
  --brand2:#27B0FF;
  --dark:#0f172a;
}
html{scroll-behavior:smooth}
.hero-overlay{background:linear-gradient(90deg, rgba(2,6,23,.72) 0%, rgba(2,6,23,.35) 55%, rgba(2,6,23,0) 100%)}
.dot{width:10px;height:10px;border-radius:999px;background:#cbd5e1;opacity:.7}
.dot.active{background:var(--brand);opacity:1}
.shadow-soft{box-shadow:0 10px 30px rgba(2,6,23,.10)}
.card-border{border:1px solid rgba(148,163,184,.35)}
.container {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.navlink { padding: .5rem .75rem; border-radius: .75rem; font-size: .875rem; font-weight: 600; color: rgb(51 65 85); }
    .navlink:hover { background: rgb(241 245 249); color: rgb(15 23 42); }

    .dropdown-item { display:block; padding: .75rem 1rem; font-size: .875rem; font-weight: 600; color: rgb(51 65 85); }
    .dropdown-item:hover { background: rgb(248 250 252); }

    .mobilelink { border-radius: .75rem; border: 1px solid rgb(226 232 240); background: white; padding: .75rem 1rem; font-size: .875rem; font-weight: 600; color: rgb(30 41 59); }
    .mobilelink:hover { background: rgb(248 250 252); }

    .mobile-sublink { border-radius: .5rem; padding: .5rem .75rem; font-size: .875rem; font-weight: 600; color: rgb(51 65 85); }
    .mobile-sublink:hover { background: white; }

    .tabbtn { border-radius: .75rem; border: 1px solid rgb(226 232 240); background: white; padding: .5rem 1rem; font-size: .875rem; font-weight: 600; color: rgb(51 65 85); }
    .tabbtn:hover { background: rgb(248 250 252); }

    .tabbtn-active { border-color: rgb(167 243 208); background: rgb(236 253 245); color: rgb(6 95 70); }
.pcarousel{
  max-width:1000px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
}
.track{
  display:flex;
  width:100%;
  transition:.4s;
}
.logo{
  width:20%;
  padding:15px;
  object-fit:contain;
}
button{
  border:none;
  background:#0f5fa8;
  color:#fff;
  width:36px;
  height:36px;
  border-radius:50%;
  cursor:pointer;
}
@media(max-width:768px){.logo{width:50%}}
@media(max-width:480px){.logo{width:100%}}