.wrapper__banner{position:relative}
.wrapper__banner .container{position:absolute;left:0;right:0;/* bottom:0; */top: 50%;display: flex;flex-direction: column;z-index: 1;transform: translateY(-50%);}
.banner__row{max-width:760px;}
.banner__small-title{padding: 0 0 25px;font-size: 16px;line-height: 1.2;color: #F6D964;}
.banner__row h1{margin:0; color:#fff}
.banner__text{font-size: 34px;line-height: 1.2;color: #FFFFFF;padding:25px 0 35px}
.banner__yandex{animation: swing 1.6s ease-in-out infinite alternate;position:absolute;right: 0;top: 22px;backdrop-filter: blur(3px);}
.banner__bg{position:relative;height:100vh;min-height: 720px;}
.banner__bg picture, .banner__bg img{width:100%; height:100%; object-fit:cover}
.banner__bg::after{position: absolute; background: linear-gradient(270deg, rgba(0, 0, 0, 0) -1.14%, rgba(0, 0, 0, 0.6) 99.38%); content:""; top:0; bottom:0; left:0; right:0}
.banner__bottom-link{font-size: 16px;line-height: 1.3;color: #FFFFFF;position:absolute;bottom: 90px;left:50%;transform:translateX(-50%);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2;}
.banner__bottom-link span{justify-content: center;align-items: center;width: 63px;transition:all 0.15s linear 0s;height: 63px;background: #717F66;border-radius: 900px;margin-top:20px;display: flex;}
.banner__bottom-link:hover span{background:#26734F}
@keyframes swing {
  0% {
    transform: rotate(5deg) translateX(-5px);
  }
  100% {
    transform: rotate(-5deg) translateX(5px);
  }
}

@media(min-width:1230px) and (max-height:900px){
	.wrapper__banner .container{transform: translateY(-25%);}
	.banner__bottom-link{bottom:25px}
}
@media(max-width:1229px){
	.banner__small-title{padding:0 0 40px;}
	.banner__text {font-size: 30px; padding: 20px 0 35px}
	.banner__bottom-link{bottom:50px}
	.banner__yandex{top: 5px;}
}
@media(min-width:992px) and (max-height:900px){
	.wrapper__banner .container{transform: translateY(-35%);}
	.banner__bottom-link{bottom:25px}
}
@media(max-width:991px){
	.banner__small-title{padding: 0 0 30px;}
	.banner__text {font-size: 26px;padding: 20px 0 30px}
	.banner__bottom-link{bottom: 30px;}
	.banner__yandex{max-width:90px}
	.banner__bg{min-height: 620px;}
}
@media(min-width:768px) and (max-height:900px){
	.wrapper__banner .container{transform: translateY(-40%);}
	.banner__bottom-link{bottom:25px}
}
@media(max-width:767px){
	.banner__small-title{font-size:14px; padding: 0 0 20px;}
	.banner__text {font-size: 20px;padding: 20px 0 25px}
	.banner__bottom-link {bottom: 20px;font-size: 14px;}
	.banner__bottom-link span {width: 50px; height: 50px;  margin-top: 15px;}
	.banner__bottom-link span svg{width: 12px; height: auto}
	.banner__yandex {max-width: 60px; top: 25px;}
	.banner__bg{min-height: 480px;}
}
@media(max-width:575px){
    .banner__bg::after {background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);}
	.banner__yandex{display:none}
	.banner__small-title{padding: 0 0 15px;}
	.banner__text {font-size: 16px;padding: 15px 0 20px;}
	.banner__row {max-width: 410px;text-align: center;margin: 0 auto}
	.banner__bottom-link{text-indent:-9999px; bottom:15px}
	.banner__bottom-link span {width: 40px; height: 40px;  margin-top: 0;}
	.banner__bottom-link span svg{width: 10px; height: auto}
	.banner__bg{min-height: auto;}
}
@media(max-width:420px){
	.banner__row .btn{width:100%}
}