/* styles.css */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
}



.visa-container {
	display:flex;
	gap:10px;
}

.visa-container .visa-card {
	  background-color: white;
	  border-radius: 10px;
	  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	  padding: 20px;
	  width:300px;
	  height:250px;
	  text-align: right;
	  display: flex;
	  flex-direction: row-reverse; 
	align-items: flex-end;
  direction :ltr; 
}

.flag {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 10px;
  display:block;
}

.content {
  text-align: right;
    flex-grow: 1; /* يجعل العنصر يأخذ المساحة المتبقية */
}

h3 {
  color: #333;
  font-size: 18px;
  margin-bottom: 10px;
}

.visa-container p {
  color: #666;
  font-size: 14px;
  margin-bottom: 5px;
}

.details-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.details-btn:hover {
  background-color: #0056b3;
}