/* Country Navigation Bar */
.country-navbar {
  position: fixed;
  top: -100px; /* Start off-screen above */
  left: 0;
  width: 100%;
  background-color: rgba(230, 242, 255, 0.9); /* Very light blue */
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  padding: 10px 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Shadow for top bar */
  z-index: 1000;
  display: flex;
  justify-content: center;
  overflow-x: auto;
  white-space: nowrap;
  transition: top 0.3s ease-in-out; /* Smooth transition */
}

.country-navbar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
}

.country-navbar li {
  display: inline-block;
}

.country-navbar a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
  padding: 8px 15px;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.country-navbar a:hover {
  background-color: #d32f2f;
  color: #fff;
}

.country-navbar a.active {
  background-color: #d32f2f;
  color: #fff;
}

/* Sticky elements adjustments */
.country-section .sticky-div {
  top: 120px; /* Adjust as needed to clear your fixed header */
  z-index: 10;
  margin-bottom: 60px;
}

.country-section .col-xl-3 {
  position: relative; /* Ensure positioning context for sticky */
}

@media screen and (min-width: 992px) {
  .content-page .content-wrap {
    padding: 0.688rem 75px;
  }

  .sticky-div {
    padding-top:68px;
  }

  .col-xl-9 {
    padding-left:50px;
    padding-top:80px;
  }
}