body{
  background-color: #FBFBFB;
}
.container {
	max-width: 1440px;
	margin: 0 auto;
	background-color: #F9F7D7;
}
/* .container-sh {
	max-width: 1440px;
	margin: 0 auto;
	background-color: #FBFBFB;
} */
.navbar 
{
  background-color: #F9F7D7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 8vh;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  /* Add any other styles you want for the navbar container */
}
  
.other_navbar_button 
{
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* Add any other styles you want for the navbar links container */
}
  
.other_navbar_button li 
{
  margin-right: 40px; /* add some space between links */
}
  
.navbar_button {
  display: inline-block;
  padding: 20px;
  font-size: 38px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  color: black;
  width: auto; /* Set width to auto */
  min-width: 150px; /* Set a minimum width */
}
  

  /*End of nav bar*/
  .footnote {
    background-color: #F9F7D7;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    
    .footnote_main {
    margin-right: 20px;
    }
    
    .footnote_main img {
    max-width: 100%;
    height: auto;
    }
    
    .other_footnote_button {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
    }
    
    .footnote_button {
    display: block;
    padding: 10px 20px;
    font-size: 28px;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    color: black;
    font-style: Regular;
    font-family: Play;
    }
  /*End of footnote*/
.main_pic_home {
width: 100%;
max-width: 100%;
display: block;
}
.home_introduce_few_animals {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .home_introduce_few_animals_header {
    font-weight: bold;
    text-align: center;
  }
  
  .home_animal_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
  }
  
.home_animal_column {
  flex: 20%;
  max-width: 20%;
  padding: 0 4px;
  text-align: center;
}
  
.home_animal_image-wrapper {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
  
.home_animal_images_of_an_home {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  
.home_animal_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.5);
}
  
.image-wrapper:hover .home_animal_overlay {
  opacity: 1;
}
  
.home_animal_text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
  
  .home_animal_column_total-number {
    font-size: 40px;
    text-align: center;
  }
  /* yekor' */

  .home_support_note {
    background-color: #CAEBB3;
    color: black;
    padding: 20px;
    text-align: center;
  }
  
  .home_supp_note_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  
  .home_support_note_text {
    flex: 2;
    text-align: center;
  }
  
  .home_supp_text_main p {
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
  }
  
  .home_support_note_main_text p {
    font-size: 45px;
  }
  
.home_sup_buttons {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}
  
.home_support_button {
  background-color: #CAEBB5;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 45px;
  text-align: center;
  padding: 20px;
  margin-top: 20px;
  text-align: center;
  width: 400px;
  border-radius: 10px;
  transition: background-color 0.3s ease-in-out;
}
  
.home_support_button:hover {
  background-color: #9DD2A5;
}
  
.home_support_button a {
  text-decoration: none;
  color: white;
  text-decoration: none;
}
  /*End of home*/
.search-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
	padding-top: 50px;
}
  
.search-text {
  width: 20%;
  padding: 20px;
  font-size: 35px;
	margin-top: 70px;
}
  
.search-table {
  width: 80%;
  padding: 20px;
}
/* .search__title-wrap h1 {
	text-align: center;
	font-weight: 400;
	font-size: 48px;
	line-height: 58px;
}  */

.search__title-wrap h1:last-child {
	text-align: left;
	font-weight: 400;
	font-size: 28px;
	line-height: 58px;
	margin-top: 20px;
} 
.animal-tiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
	margin-top: 50px;
}
  
  .animal-tile {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  }
  
  .animal-tile img {
    width: 100%;
    height: auto;
  }
  
  .animal-tile p {
  margin-top: 10px;
  font-size: 18px;
  text-decoration: none;
  color: black;
  font-family: sans-serif;
  }
  
  a {
    text-decoration: none;
    color: black;
  }
  /*End of the search*/
.donate-support-note {
  width: 100%;
  background-color: #F2F2F2;
  overflow: hidden;
}

.donate-support-note-text-left {
  float: left;
  width: 66.66%;
  padding: 30px;
  box-sizing: border-box;
}

.donate-support-note-text-left img {
    max-width: 100%;
    height: auto;
}

.donate-text-call-to-action {
  font-size: 35px;
}

.donate-sup-buttons-right {
  float: right;
  width: 33.33%;
  padding: 30px;
  box-sizing: border-box;
}

.donate-sup-buttons-right button {
  margin-bottom: 20px;
  border: none;
  display: block;
  width: 100%;
  background-color: #F9A826;
  color: #FFFFFF;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
}

.donate-sup-buttons-right button:hover {
  background-color: #F59E0B;
}

.donate-sup-buttons-right a {
  color: inherit;
  text-decoration: none;
  display: block;
  font-weight: bold;
}

.donate-sup-buttons-right a:hover {
  text-decoration: none;
}
.donate_credits {
  background-color: #CAEBB3;
  font-size: 32px;
  text-align: center;
  width: 100%;
}
.donate-support-button
{
  font-size: 32px;
}
.donate_call {
  font-size: 37px;
  text-align: center;
}
/* end of donate */
.shelter-header {
  text-align: center;
  font-weight: bold;
  }
  
  .shelter-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  }
  
  .shelter-table {
  display: table;
  width: 100%;
  }
  
  .shelter-tiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  }
  
  .shelter-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin: 10px;
  padding: 10px;
  width: 200px;
  height: 200px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .shelter-box-image {
  width: 100%;
  height: 150px;
  overflow: hidden;
  }
  
  .shelter-box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  
  .shelter-box-text {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  
  .shelter-box p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 0;
  }

	@media screen and (max-width: 800px) { 
		.main_pic_home {
			padding-top: 100px;
		}
	}