.banner{
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1920px;
	height: 120px;
	background: rgb(136,100,233);
	background-image: url("../images/banner/banner_bg.png"), linear-gradient(100deg, rgba(136,100,233,1) 0%, rgba(125,174,252,1) 100%);
	font-family: 'Rubik', sans-serif;
	z-index: 5;
	overflow: hidden;
	text-decoration: none;
	color: var(--white);
	transition: var(--default-transition);
	padding-left: calc(var(--xxl) * 2);
	padding-right: calc(var(--xxl) * 2);
}
.banner__title{

}
.banner__title br{
	display: none;
}
.banner:hover {
	color: var(--white);
}
	
.banner:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: url("../images/banner/money1.png") no-repeat center / contain;
	width: 305px;
	transition: var(--default-transition);
	z-index: 1;
}

.banner:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: url("../images/banner/money2.png") no-repeat center / contain;
	width: 262px;
	transition: var(--default-transition);
	z-index: 1;
}

.banner:hover::before {
	transform: scale(1.03);
}

.banner:hover::after {
	transform: scale(1.03);
}

.banner__container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.banner__img_coins{
	margin: 0 30px;
}
.new-flex{
	margin-left: -100px;
}
.banner__title {
	font-size: 40px;
	line-height: 100%;
	font-weight: 600;

}
.atten{
	margin-top: 20px;

}
.atten span{
	color: #7FFF60;
}
.banner__title span {
	color: #7FFF60;
}

.banner__img {
	position: relative;
	width: 100px;
	height: 100%;
	flex: none;
}


.banner__headphones {
	position: absolute;
	left: 0;
	bottom: -15px;
}

.banner__table {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: 100px;
}

.banner__place {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 160px;
	border: 1.5px solid rgba(255, 255, 255, 0.25);
	background: linear-gradient(104deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.00) 100%);
	backdrop-filter: blur(7px);
	border-radius: 17px;
	font-style: italic;
	font-weight: 600;
	white-space: nowrap;
	padding: 15px;
}

.banner__place-top {
	font-size: 36px;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 4px;
}

.banner__place-bottom {
	font-size: 13px;
	font-weight: 600;
	line-height: 100%;
}
@media screen and (max-width : 1625px){
	.banner__title{
		font-size: 32px;
	}
}
@media screen and (max-width : 1505px){
	.banner__title br{
		display: block;
	}
}
@media screen and (max-width : 1505px){
	.banner__title {
		font-size: 28px;
	}
}
@media screen and (max-width : 1245px){
	.new-flex{
		margin-left: 0;
	}
	.banner__title {
		font-size: 26px;
		flex: none;

	}
	.banner__img_coins{
		margin: 0;
	}
}
@media screen and (max-width : 1200px) {
	.banner {
		padding-left: var(--xxl);
		padding-right: var(--xxl);
	}
}


@media screen and (max-width : 992px) {
	.banner {
		padding-left: var(--m);
		padding-right: var(--m);
	}
	.banner__container{
		flex-direction: column;
		justify-content: center;
	}
	.banner__title{
		margin: 0;
		margin-bottom: 10px;
	}
	.banner__table{
		margin: 0;
	}
	.banner__place{
		padding: 5px;
	}
	.banner__title br{
		display: none;
	}
	.banner__img_coins {
		display: none;
	}
	.atten{
		margin: 10px 0;
		text-align: center;
	}
}


@media screen and (max-width : 768px) {
	.banner{
		padding: 0;
	}
	.banner::after {
		display: none;
	}

	.banner__container {
		height: auto;
	}

	.banner__title{
		font-size: 22px;
		text-align: center;
	}
	/*.banner__place{*/
	/*	background: linear-gradient(104deg, rgb(87 177 98 / 59%) 0%, rgb(127 255 96 / 58%) 100%)*/
	/*}*/
	.banner:before{
		background: url("../images/banner/money_mobile.png") no-repeat bottom / contain;
		width: 74px;
	}
	.banner:after{
		display: block;
		background: url("../images/banner/money_mobile_r.png") no-repeat top/ contain;
		width: 74px;
		transition: var(--default-transition);
		z-index: 1;
	}
}

@media screen and (max-width : 515px) {
	.banner__table{
		gap: 5px;
	}
	.banner__place{
		width: 100px;
		white-space: normal;
	}
	.banner__place-top{
		font-size: 20px;
	}
	.banner__place-bottom{
		font-size: 12px;
		text-align: center;

	}

}
@media screen and (max-width : 320px){
	.banner__title{
		font-size: 20px;
	}
}