.ref{
  background-color: #123f62;
  /* Arka plan resmi */
  background-size: cover;
  /* Resmin boyutunu header'a sığdırır */
  background-position: center;
  /* Resmi ortalar */
  height: 100%;
  /* Header yüksekliğini ayarlayın */
  color: white;
  /* Metin rengini beyaz yaparak okunabilirliği artırın */
  display: flex;
  /* Flexbox kullanarak içeriği hizalar */
  align-items: center;
  /* Yatayda ortalar */
  justify-content: center;
  /* Dikeyde ortalar */
  border-radius: 10px;
}
.ref1 {
  background-image: url(hero.jpg);
  /* Arka plan resmi */
  background-size: cover;
  /* Resmin boyutunu header'a sığdırır */
  background-position: center;
  /* Resmi ortalar */
  height: 100%;
  /* Header yüksekliğini ayarlayın */
  color: white;
  /* Metin rengini beyaz yaparak okunabilirliği artırın */
  display: flex;
  /* Flexbox kullanarak içeriği hizalar */
  align-items: center;
  /* Yatayda ortalar */
  justify-content: center;
  /* Dikeyde ortalar */
  border-radius: 20px;
}

.res-ortalama {
  max-width: 100%;
  height: auto;
}

.brm {
  background-color: red;
}

.az {
  color: white !important;
}

.az a {
  color: white !important;
}

.az i {
  color: white !important;
}

.az:hover {
  color: black !important;
}

.navbar-brand img {
  max-width: 150px;
  height: auto;
}

.arka:hover {
  background-color: red;
  color: white;
}

.arka i:hover {
  color: white !important;
}
.hizrenk{
  color:#0a2438;
}
.awe1{
  background-image: url(aa.webp);
  border-radius: 10px;
}
.kartborder{
  border-radius: 10px;
}

.sosyal:hover{
  color: red;
}
.kirmizi{
  color: #d32f2f;  /* Koyu kırmızı renk */
  background-color: #ffffff;  /* Beyaz arka plan */
}
.awe3{
  background-color: #123f62;
}
.awe3 a{
  text-decoration: none;
  list-style: none;
}