.Fixed-navbar {
    position: fixed;
    z-index: 9990;
}

.AminationOne-scroll {
  width: max-content;
  animation: scroll-left 40s linear infinite;
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.AminationTwo-scroll {
  width: max-content;
  animation: scroll-right 46s linear infinite;
}

@keyframes scroll-right {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

.Policy-text ul {
  margin-left: 32px;
  @media (min-width: 768px) {
      margin-left: 40px;
  }
  @media (min-width: 1280px) {
      margin-left: 50px;
  } 
}

.Policy-text ul li {
  list-style: disc;
  @media (min-width: 768px) {
    list-style: disc;
  } 
}

.Animate-heading {
    display: inline-block;
    color: #103440;

    background-image: linear-gradient(
        90deg,
        #103440 0%,
        #103440 40%,
        #36A5C2 48%,
        #26758B 50%,
        #36A5C2 52%,
        #103440 60%,
        #103440 100%
    );

    background-size: 250% 100%;
    background-position: 150% 0;

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: textSweep 5s ease-out forwards;
}

@keyframes textSweep {
    from {
        background-position: 150% 0;
    }

    to {
        background-position: -180% 0;
    }
}

.Rotate-image {
  animation: rotate 3s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}







.Border-button {
  color: #103440;
  background-color: #F0F5F7;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.Border-button:hover {
  color: #F7F5F0;
  background-color: #103440;
  transform: scale(1.03);
}

.CV-button {
  border: 1px solid #1034400D;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #103440;
  background-color: #FFFFFF;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.CV-button:hover {
  color: #FFFFFF;
  background-color: #103440;
  transform: scale(1.03);
}




.map-stage{position:relative;width:100%;height:clamp(360px,42vw,600px);
  background:radial-gradient(120% 130% at 50% 18%,#ffffff 0%,var(--map-bg) 55%,#e6f2f6 100%);overflow:hidden;cursor:grab;touch-action:pan-y;}
.scroll-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(241,248,251,.72);
  backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.25s;z-index:55;pointer-events:none}
.scroll-hint.show{opacity:1;visibility:visible}
.map-stage.grabbing{cursor:grabbing}
.map-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}


.pins{position:absolute;inset:0;pointer-events:none}
.pin{position:absolute;width:13px;height:13px;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;will-change:left,top}
.pin::after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%}
.pin .dot{position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;
  background:#36A5C2;box-shadow:0 0 0 2px #fff,0 1px 5px rgba(0,110,150,.45);transition:transform .16s,box-shadow .2s,background .2s}
.pin .ring{position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%) scale(.4);border-radius:50%;opacity:0;transition:.25s}
.pin:hover{z-index:40}
.pin:hover .dot{transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 0 2px #fff,0 0 0 7px rgba(0,194,255,.16),0 2px 8px rgba(0,110,150,.5)}
.pin:hover .ring{opacity:1;transform:translate(-50%,-50%) scale(2.4)}
.pin.sel .dot{background:#103440;transform:translate(-50%,-50%) scale(1.55);box-shadow:0 0 0 2px #fff,0 0 0 8px rgba(0,194,255,.2)}
.pin.sel .ring{opacity:1;transform:translate(-50%,-50%) scale(2.7);border-color:#36A5C2}
.pin.hit .dot{background:#103440}
.pin.dim{opacity:.18}
.pin.dim:hover{opacity:.7}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(0,194,255,.45),0 0 0 2px #fff}70%{box-shadow:0 0 0 9px rgba(0,194,255,0),0 0 0 2px #fff}100%{box-shadow:0 0 0 0 rgba(0,194,255,0),0 0 0 2px #fff}}
.pin.beacon .dot{animation:beat 3.4s infinite}


.tip{position:absolute;z-index:60;pointer-events:none;background:#fff;border:1px solid #F0F5F7;
  border-radius:8px;padding:8px 12px;transform:translate(-50%,-128%);opacity:0;transition:opacity .14s;white-space:nowrap;
  box-shadow:0 12px 30px -10px rgba(16,52,64,.28)}
.tip.below{transform:translate(-50%,28%)}
.tip.show{opacity:1}


.zoom-note{position:absolute;left:20px;bottom:22px;z-index:40;}
.map-ctrl{position:absolute;right:20px;bottom:20px;display:flex;flex-direction:column;gap:7px;z-index:50}
.map-ctrl button{width:38px;height:38px;border-radius:10px;border:1px solid #F0F5F7;background:rgba(255,255,255,.92);
  backdrop-filter:blur(6px);color:#103440;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px -6px rgba(16,52,64,.3);transition:.15s}
.map-ctrl button:hover{border-color:#36A5C2;color:#36A5C2}

.panel{transform:translateX(102%);transition:transform .42s cubic-bezier(.16,1,.3,1);}
.panel.open{transform:none}




.post-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20.4px;
  color: #103440;
  @media (min-width: 768px) {
      font-size: 16px;
      line-height: 22.4px;
  } 
}
.post-content h1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 23.4px;
  padding-top: 20px;
  padding-bottom: 12px;
  @media (min-width: 768px) {
      font-size: 20px;
      line-height: 25.4px;
      padding-top: 24px;
  } 
}
.post-content h2 {
  font-weight: 700;
  font-size: 16px;
  line-height: 21.4px;
  padding-top: 20px;
  padding-bottom: 12px;
  @media (min-width: 768px) {
      font-size: 18px;
      line-height: 23.4px;
      padding-top: 24px;
  } 
}
.post-content h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20.4px;
  padding-top: 20px;
  padding-bottom: 12px;
  @media (min-width: 768px) {
      font-size: 16px;
      line-height: 22.4px;
      padding-top: 24px;
  } 
}
.post-content h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20.4px;
  padding-top: 20px;
  padding-bottom: 12px;
  @media (min-width: 768px) {
      font-size: 16px;
      line-height: 22.4px;
      padding-top: 24px;
  } 
}
.post-content h5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20.4px;
  padding-top: 20px;
  padding-bottom: 12px;
  @media (min-width: 768px) {
      font-size: 16px;
      line-height: 22.4px;
      padding-top: 24px;
  } 
}
.post-content h6 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20.4px;
  padding-top: 20px;
  padding-bottom: 12px;
  @media (min-width: 768px) {
      font-size: 16px;
      line-height: 22.4px;
      padding-top: 24px;
  } 
}
.post-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20.4px;
  padding-bottom: 12px;
  @media (min-width: 768px) {
      font-size: 16px;
      line-height: 22.4px;
  } 
}
.post-content ul {
  margin-left: 32px;
  @media (min-width: 768px) {
      margin-left: 40px;
  } 
}
.post-content ul li {
  list-style: disc;
  padding-bottom: 8px;
  @media (min-width: 768px) {
    list-style: disc;
  } 
}
.post-content a {
  color: #36A5C2;
  cursor: pointer;
  text-decoration: underline;
}
.post-content a:hover {
  color: #103440;
}
.post-content img {
  border-radius: 16px;
  margin-top: 12px;
  margin-bottom: 4px;
}