@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');
}
/* İlk başta tüm açıklamaları gizleyin */
.icon-text {
    display: none;
}

/* Mouse simge üzerine geldiğinde açıklamaları gösterin */
a.what:hover .icon-text {
    display: block;
    position: absolute; /* Açıklamaların simge üzerine gelmesini sağlamak için */
    background: #fff; /* Açıklama arka plan rengi */
    padding: 5px; /* Açıklama içeriği ile simge arasındaki boşluk */
    border: 1px solid #ccc; /* Kenarlık eklemek için */
    border-radius: 4px; /* Kenar köşelerini yuvarlamak için */
    z-index: 1; /* Diğer içeriğin üzerinde görünmesini sağlamak için */
    text-align: center; /* Açıklamaların ortalanması */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}