.loader {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1111;
  background:#fff;
}
.title-loader{
  display: inline-block;
  font-weight: 600;
  margin-left: -39px;
  margin-top: 50px;
  position: absolute;
  right: 44%;
  text-align: center;
  top: 50%;
}

.satellite {
    position: relative;
    width:15%;
    height:35%;
    top: 30%;
    left: 45%;
    margin-left: -25px;
    margin-top: -25px;

    animation: satellite 3s infinite linear;

    background-image: url('../../images/images.png'); /* Resim dosyasının yolunu buraya ekleyin */
    background-size: cover; /* Resmin boyutunu kapsayacak şekilde ayarlar */
    background-position: center; /* Resmi ortalar */
    border-radius: 100%; /* Daire şekli */
}



/* .satellite:before, */
/* .satellite:after
{
    position: absolute;
    left: 0;

    width: 15px;
    height: 15px;

    content: '';

    border-radius: 100%;
    background-color: #002e5b;
}
.satellite:after
{
    right: 0;

    width: 24px;
    height: 24px;
    margin: 12px;
} */

@-webkit-keyframes satellite
{
    from
    {
        -webkit-transform: rotate(0) translateZ(0);
            -ms-transform: rotate(0) translateZ(0);
             -o-transform: rotate(0) translateZ(0);
                transform: rotate(0) translateZ(0);
    }
    to
    {
        -webkit-transform: rotate(360deg) translateZ(0);
            -ms-transform: rotate(360deg) translateZ(0);
             -o-transform: rotate(360deg) translateZ(0);
                transform: rotate(360deg) translateZ(0);
    }
}
@-moz-keyframes satellite
{
    from
    {
        -webkit-transform: rotate(0) translateZ(0);
            -ms-transform: rotate(0) translateZ(0);
             -o-transform: rotate(0) translateZ(0);
                transform: rotate(0) translateZ(0);
    }
    to
    {
        -webkit-transform: rotate(360deg) translateZ(0);
            -ms-transform: rotate(360deg) translateZ(0);
             -o-transform: rotate(360deg) translateZ(0);
                transform: rotate(360deg) translateZ(0);
    }
}
@-o-keyframes satellite
{
    from
    {
        -webkit-transform: rotate(0) translateZ(0);
            -ms-transform: rotate(0) translateZ(0);
             -o-transform: rotate(0) translateZ(0);
                transform: rotate(0) translateZ(0);
    }
    to
    {
        -webkit-transform: rotate(360deg) translateZ(0);
            -ms-transform: rotate(360deg) translateZ(0);
             -o-transform: rotate(360deg) translateZ(0);
                transform: rotate(360deg) translateZ(0);
    }
}
@keyframes satellite {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}