.countries{
  padding:90px 8%;
  background:#fff;
}

/* Header */
.countries-header h2{
  font-size:52px;
  margin-bottom:30px;
  font-weight:700;
}

/* Search */
.country-search{
  display:flex;
  align-items:center;
  gap:12px;
  background:#f7f9fc;
  padding:18px 22px;
  border-radius:18px;
  max-width:900px;
  margin-bottom:35px;
}





.country-filters {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Filter buttons */
.filter-btn {
    padding: 8px 18px;
    border-radius: 30px;
    border: 1px solid #ddd;
    background: rgb(194, 17, 17);
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    color: #043fff;
    transition: all 0.3s ease;
}

.filter-btn:hover {
    background: #111;
    color: white;
}

.filter-btn.active {
    background: #111;
    color: white;
    border-color: #111;
}

/* Dropdown */
.continent-form {
    position: relative;
}

.continent-select {
    padding: 8px 35px 8px 15px;
    border-radius: 30px;
    border: 1px solid #ddd;
    background: white;
    font-weight: 500;
    cursor: pointer;
    appearance: none;
    outline: none;
    transition: 0.3s;
}

.continent-select:hover {
    border-color: #111;
}

/* Custom dropdown arrow */
.continent-form::after {
    content: "▼";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    pointer-events: none;
}







.country-search input{
  border:none;
  outline:none;
  background:transparent;
  width:100%;
  font-size:16px;
}

.search-icon{
  font-size:18px;
  opacity:0.6;
}

/* Filters */
.country-filters{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.filter-btn{
  padding:12px 22px;
  border-radius:30px;
  border:1.5px solid #dbe3ff;
  background:white;
  color:#3b5bff;
  font-size:14px;
  cursor:pointer;
  transition:0.3s ease;
}

.filter-btn:hover{
  background:#f0f4ff;
}

.filter-btn.active{
  background:#1e3fdc;
  color:white;
  border-color:#1e3fdc;
  box-shadow:0 8px 20px rgba(30,63,220,0.25);
}