@media (max-width: 1000px) and (orientation: landscape) {
    .landscape-warning {
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.91);
      color: white;
      font-size: 18px;
      z-index: 9999;
    }

    /* Sayfanın diğer içeriğini gizle */
    .content {
      display: none;
    }
  }

/* Dikey modda veya masaüstü görünümde normal içerik göster */
@media (min-width: 1201px), (orientation: portrait) {
  .landscape-warning {
    display: none;
  }

  .content {
    display: block;
  }
}
.headingTop {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  color: #fff;
  display: inline-block;
  line-height: 58px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: bold;
  font-size: 52px;
}
.sec-bg1 .wrap-service {
  display: flex;
  flex-direction: column;
  align-items: center; /* Yatay olarak ortalar */
  text-align: center; /* Yazıları ortalar */
}

.whatsapp-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mobilOnly {
  margin-top:5%;
  margin-bottom:15%; /* Masaüstü için varsayılan genişlik */
}

@media (max-width: 600px) {
  .mobilOnly {
   margin-bottom:20%; /* Dikey mobil cihazlar için genişlik */
 }
}

@media (min-width: 601px) and (max-width: 900px) {
  .mobilOnly {
    width: ; /* Yan çevrilmiş telefonlar ve küçük tabletler için genişlik */
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  .mobilOnly {
    width: ; /* Tabletler için genişlik */
  }
}
.headingClass {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.contentClass {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  line-height: 0,40;
  color: #555;
  margin-left: 1%;
  margin-top: 1%;
}
#spinner-area {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Tüm ekran yüksekliğini kaplar */
}

.spinner img {
  /* Görselin orijinal boyutunu korur */
}
a {
  text-decoration: none !important;
}
.animated-icon {
        position: fixed;
        bottom: 250px;
        left: 50%;
        transform: translateX(-50%);
        animation: bounce 1.5s infinite;
        bottom: 100px;
    }

    @keyframes bounce {
        0%, 100% {
            transform: translate(-50%, 0);
        }
        50% {
            transform: translate(-50%, 10px);
        }
    }

    /* Mobilde 100 piksel daha aşağıda görünmesi için */
    @media (max-width: 600px) {
        .animated-icon {
            bottom: 150px;
        }
    }