.bottom-banner {
	max-width: 1420px;
	margin: 0 auto 80px;
	border-radius: 24px;
	background: url("/images/sd-grad.png") right center no-repeat #F5F5F5;
	height: 398px;
}

.bottom-banner__link {
	display: block;
	width: 100%;
	height: 100%;
}

.bottom-banner__inner {
	position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;	
	padding: 0 30px 0 40px;	
	height: 100%;	
	height: 100%;
	background: url("/images/sd-banner-s.png") right bottom no-repeat;
}

.bottom-banner__logo {
	position: absolute;
	width: 177px;
	height: 106px;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 30px;
	background: url("/images/sd-logo.png") right bottom no-repeat;
}

.bottom-banner__content {
	display: flex;
    flex-direction: column;
    gap: 20px;	
	color: #0A0A0A;
	max-width: 490px;
	height: 100%;
	justify-content: center;
}

.bottom-banner__title {
	font-weight: 600;
	font-size: 48px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

.bottom-banner__title span {
	color: #5C068C;
}

.bottom-banner__descr {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
}

.bottom-banner__button {
	height: auto;
    min-height: auto;
    padding: 13px 30px!important;
    border-radius: 12px!important;
	background: #5C068C!important;
	color: #fff;
	border: 0;
}

.bottom-banner__button svg {
	margin-left: 10px;
}

@media (max-width: 1100px) {
	.bottom-banner__inner {
		background-position: 90% bottom;
	}
}

@media (max-width: 860px) {
	.bottom-banner__inner {
		background-position: right bottom;
		background-size: 70%;
	}
	
	.bottom-banner__title {
		font-size: 32px;
	}
	
	.bottom-banner__descr {
		font-size: 16px;
	}	
}

@media (max-width: 760px) {
	.bottom-banner {
		height: 320px;
	}
}

@media (max-width: 540px) {
	.bottom-banner {
		height: auto;
		margin: 0 20px 40px;
		background: url("/images/sd-grad-mob.png") center bottom no-repeat #F5F5F5;
		background-size: 100% auto;
	}
	
	.bottom-banner__inner {
		background: url("/images/sd-banner-s-mob.png") center bottom no-repeat;
		background-position: center bottom;
		background-size: 100%;
		padding: 100px 20px 20px;
	}	
	
	.bottom-banner__logo {
		top: 20px;
		width: 88px;
		height: 56px;
		background-size: cover;
	}
	
	.bottom-banner__content {
		max-width: 100%;
		text-align: center;
	}
	
	.bottom-banner__button {
		width: 100%!important;
		margin-top: 350px;
	}
	
	.bottom-banner__descr br {
		display: none;
	}
}


@media (max-width: 440px) {
	.bottom-banner__button {
		width: 100%!important;
		margin-top: 260px;
	}
}