.brand_banner {
    margin-bottom: 110px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.wrap_brand_banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	min-height:330px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 30px;
}


.wrap_circle{
  border-radius: 100%;
  position: absolute;
  top: -45px;
  padding: 15px;
}
	
	
	

.wrap_brand_banner .item {
    display: flex;
    align-items: center;
    flex-direction: column;
	  text-align: center;
}

.brand_banner .wrap_circle img{
  border-radius: 100%;
  width: 50px;
  height: 50px;
}



/*---Анимации--*/
.rotate-img {
    /* Устанавливаем анимацию */
    animation: rotate 5s linear infinite; /* 5s - это продолжительность вращения, можно изменить */
  }
  
  /* Определяем саму анимацию вращения */
  @keyframes rotate {
    from {
      transform: rotate(0deg); /* Начальное положение: 0 градусов */
    }
    to {
      transform: rotate(360deg); /* Конечное положение: 360 градусов, полный оборот */
    }
  }




.flip-img {
    /* Устанавливаем анимацию */
    animation: flip 3s infinite linear;
    transform-style: preserve-3d; /* Сохраняем 3D-эффект */
  }
  
  /* Определяем анимацию переворота */
  @keyframes flip {
    from {
      transform: rotateY(0deg);   /* Начальная точка */
    }
    to {
      transform: rotateY(360deg); /* Вращение на 360 градусов */
    }
  }