body {
  background-color: #f8f9fa;
}
/* Firt Navbar */
nav.navbar {
  position: fixed;
  width: 100%;
  height: 70px;
  backdrop-filter: blur(3px);
  z-index: 1000;
  transition: all 0.6s ease;
  background-color: #239bb68e;
}
nav img {
  position: absolute;
  top: 0;
  left: 25px;
}
li.join-us a {
  position: absolute;
  left: 250px;
  color: #f9b43a !important;
  font-weight: bold;
  transition: transform 0.6s ease;
}
li.join-us a:hover {
  color: #8e6620 !important;
  transform: translateY(-5px);
  transition: transform 0.6s ease;
}
.navbar-nav .nav-link {
  font-weight: 500;
  color: #fff;
  transition: color 0.3s ease;
}

.dropdown-menu {
  background-color: #ffffff !important;
  width: fit-content;
  border: none;
  right: 0;
  left: auto;
  text-align: center;
}
.nav-item:first-child {
  margin-right: 70px;
}

.dropdown-item {
  font-weight: 500;
  text-align: center;
  color: #000000;
  transition: color 0.3s ease;
}
.navbar-nav .nav-link:hover,
.dropdown-item:hover {
  color: #f9b43a !important;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: -0.125rem;
  margin-right: 0.25rem;
  border-radius: 0.5rem;
}
@media (min-width: 992px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}
.dropdown-menu.show {
  display: block;
}
.dropdown-submenu > a::after {
  font-size: 0.8rem;
  margin-right: 0.5rem;
  opacity: 0.7;
}

/* Second Navbar */
.scolerships-nav {
  background-color: #239bb6;
  padding: 12px 0;
  position: absolute;
  width: 100%;
  top: 70px;
  z-index: 10;
  margin-bottom: 100px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

li {
  display: inline-block;
}

a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  transition: color 0.3s ease;
}

a:hover {
  color: #f39c12;
}

.section-title {
  color: #2d7d8f;
  font-weight: bold;
  margin-top: 140px;
}
.section-header {
  text-align: center;
  margin-bottom: 4rem;
  position: relative;
}
.section-header::after {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(to right, #2a4365, #f6ad55);
  border-radius: 2px;
}

.country-card {
  border: none;
  border-radius: 12px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
}
.country-card:hover {
  transform: translateY(-5px);
}
.flag {
  font-size: 40px;
  margin-bottom: 10px;
}
.country-header {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.btn-link {
  text-decoration: none;
  color: #007bff;
  font-weight: bold;
}
.gradient-fr {
  background: linear-gradient(to right, #6a11cb, #ff4e50);
}
.gradient-de {
  background: linear-gradient(to right, #f7971e, #ffd200);
}
.gradient-ca {
  background: linear-gradient(to right, #ff6a00, #ee0979);
}
.gradient-au {
  background: linear-gradient(to right, #4e54c8, #8f94fb);
}
.gradient-uk {
  background: linear-gradient(to right, #283e51, #485563);
}
.gradient-us {
  background: linear-gradient(to right, #232526, #414345);
}
.gradient-ru {
  background: linear-gradient(to right, #f7971e, #ffd200);
}
.gradient-nz {
  background: linear-gradient(to right, #4e54c8, #8f94fb);
}
.gradient-sg {
  background: linear-gradient(to right, #ff6a00, #ee0979);
}
.gradient-fi {
  background: linear-gradient(to right, #83a4d4, #b6fbff);
}
.gradient-no {
  background: linear-gradient(to right, #ff4e50, #f9d423);
}
.gradient-ae {
  background: linear-gradient(to right, #11998e, #38ef7d);
}
.gradient-cn {
  background: linear-gradient(to right, #ff6a00, #ee0979);
}
.gradient-kr-jp {
  background: linear-gradient(to right, #83a4d4, #b6fbff);
}
.gradient-kr-jp img {
  margin-right: 10px;
}
.gradient-tr {
  background: linear-gradient(to right, #ff4e50, #f9d423);
}
.gradient-nl {
  background: linear-gradient(to right, #4e54c8, #8f94fb);
}
.gradient-es {
  background: linear-gradient(to right, #ff4e50, #f9d423);
}
.gradient-it {
  background: linear-gradient(to right, #11998e, #38ef7d);
}
.gradient-at {
  background: linear-gradient(to right, #ff6a00, #ee0979);
}
.gradient-gr-cy {
  background: linear-gradient(to right, #4e54c8, #8f94fb);
}
.gradient-gr-cy img {
  margin-right: 10px;
}
.gradient-ee {
  background: linear-gradient(to right, #ffffff, #d3e5f8);
}
.country-card .country-header {
  height: 100px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.country-card .country-header img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.gradient-ac {
  background: linear-gradient(to right, #01613ff8, #003d28da);
}
.gradient-sa {
  background: #2d302f;
}
.gradient-sea {
  background: #0b1d36;
}
.gradient-la {
  background: #0b1d36;
}
.gradient-sda {
  background: #0b1d36;
}
