.banner {
  position: relative;
  height  : 450px;
}

.banner .only_10 {
  position : absolute;
  top      : 8%;
  left     : 50%;
  width    : 18%;
  transform: translate(-25%, 44%);
}

.banner .home_banner_circle {
  position         : absolute;
  top              : 10%;
  left             : 40%;
  width            : 21.7%;
  animation        : banner_img 10s infinite linear;
  -webkit-animation: banner_img 10s infinite linear;
}

@keyframes banner_img {
  0% {
    transform        : rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform   : rotate(0deg);
    -ms-transform    : rotate(0deg);
    -o-transform     : rotate(0deg);
  }

  100% {
    transform        : rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform   : rotate(360deg);
    -ms-transform    : rotate(360deg);
    -o-transform     : rotate(360deg);
  }
}

.banner .visiter_post {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-between;
  margin-top     : 40px;
  gap            : 15px;
}

.banner .visiter_post p {
  border-radius        : 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius   : 12px;
  -ms-border-radius    : 12px;
  -o-border-radius     : 12px;
  border               : 1px solid #fff;
  display              : inline-block;
  width                : 200px;
  height               : 43px;
  display              : flex;
  justify-content      : center;
  align-items          : center;
  margin               : 0;
}

.banner .visiter_post p span {
  font-size     : 13px;
  font-weight   : 500;
  line-height   : 19.2px;
  letter-spacing: 0.1400000006px;
  color         : #0f172a;
}

@media screen and (max-width: 993px) {
  .banner {
    height: 400px;
  }
}

@media screen and (max-width: 768px) {
  .banner .only_10 {
    top  : 9%;
    width: 37%;
  }

  .banner .home_banner_circle {
    top  : 12%;
    left : 31%;
    width: 40%;
  }
}

@media screen and (max-width: 480px) {
  .banner .visiter_post {
    justify-content: center;
  }

  .banner .only_10 {
    width: 32%;
    top  : 30%;
    left : 50%;
  }


  .banner .home_banner_circle {
    top  : 30%;
    left : 30%;
    width: 40%;
  }
}