@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Righteous&family=Solitreo&display=swap');
body {
    font-family: "Amiri", serif;
    direction: rtl;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #f8f8f8;
  }

.container {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    position: relative;
}
 .map{
  width: 100%;
  height: 100%;
  border: none;

 }
 .back-button-container {
  display: flex;
  justify-content: center; 
  position: fixed;
}
.back-button {
  position: fixed; 
  bottom: 20px; 
  left: 20px; 
  width: 40px; 
  height: 40px; 
  display: block; 
}

.back-button img {
  width: 100%; 
  height: 100%; 
  object-fit: contain; 
  border-radius: 25%;
}

.back-button:hover {
  opacity: 0.8; 
}