/*  DaraTech 2024*/
*{
    margin:0;
    padding: 0;
    outline: none!important;

}
.home.img{
    max-width: 100%;
    vertical-align: middle;
}


@keyframes spin_01{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes bounceTop_01{
    0%,100% {
        transform: translate(-30px);
    }
    50%{
        transform: translate(0px);
    }
}





.home-btn{
    margin-top: 40px;;
}
.home-img img{
    max-width: 250px;
    width:100%;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      border-radius: 32px;
      animation: bounceTop_01 3s ease infinite;
      margin-top: 300px;
      margin-left: 300px;
}
.home-img{
    position: relative;
    float: right; 
    margin-right:auto;
}
 .home-img circle{
     position: absolute;
     z-index: 1;
     height: 400px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 400px;
     border: 1px solid rgba(255,255,255,0.2);
     top:50%;
     left: 50%;
     transform: translate(-50%,50%);
 }   
 .home-img circle{
     content:'';
     position: absolute;
     height: 60px;
     width: 60px;
     background-color: rgba(255,255,255,0.4);
     border-radius: 50%;
     left:30px;
     top: 30px;
     transform-origin: 170px 170px;
     animation: spin_01 10s linear infinite;
 }