.horoscope-section {
	/*padding: 50px 0;*/
}

.citron-bg p {
	line-height: 22px;
}

.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
}

.citron-bg {
	background-color: var(--citron-color);
	display: flex;
	align-items: center;
	height: 50px;
	position: relative;
	overflow: hidden;
}

.marquee span {
	color: #000;
	font-family: var(--main-font);
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
	text-transform: uppercase;
	display: inline-block;
	padding-left: 100%;
	animation: marquee 60s linear infinite;
  	animation-delay: -30s;
}

.marquee2 span {
  	animation-delay: 0s;
	color: #000;
	text-transform: uppercase;
	font-family: var(--main-font);
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.el__horoscope img {
	padding: 15px;
	border-radius: 100%;
	border: 1px solid #FF5660;
}

.el__horoscope {
	color: #FF5660;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.el__horoscope a {
	background-color: transparent;
	/*width: 94px;
	height: 94px;*/
	transition: all ease 500ms;
}

.el__horoscope a:hover {
	transform: scale(1.1);
	transition: all ease 240ms;
}