.uygulama {
  margin-bottom: 30px; }
  .uygulama img {
    width: 100%; }
  .uygulama a {
    color: #000000; }
    .uygulama a:hover {
      color: #eb2b41; }
  .uygulama-name {
    height: 40px;
    margin-top: 10px;
    text-align: center;
    line-height: 20px; }








h4.page-title {
    width: 400px;
    height: 60px;
    overflow: hidden;
    margin: -40px auto 0;
    background-color: #333;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    line-height: 60px;
    color: #FFFFFF;
    font-family: "Overpass",sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    position: relative; /* pseudo-elementler için gerekli */
}

/* Baş ve son kısımlara 15px kırmızı ekleme */
h4.page-title::before,
h4.page-title::after {
    content: "";
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    background-color: red;
}

h4.page-title::before {
    left: 0; 
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
}

h4.page-title::after {
    right: 0; 
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
}