.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{border-radius: 50px 50px 0 0; 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}
.wrapper__banner .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;}
.wrapper__banner .banner__bottom-link:hover span{background:#26734F}
.wrapper__banner .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__buttons{display:flex; align-items:center; gap:30px}

.btn---bay {
    position: relative;
    overflow: hidden;
    animation: pulse 2s ease-in-out infinite;
    z-index: 1;
}

.btn---bay::after {
    content: '';
    position: absolute;
    top: 0;
    left: -200%;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.2) 25%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: wave 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    pointer-events: none;
    transform: skewX(-15deg);
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes wave {
    0% {
        left: -200%;
    }
    100% {
        left: 200%;
    }
}



@keyframes swing {
  0% {
    transform: rotate(5deg) translateX(-5px);
  }
  100% {
    transform: rotate(-5deg) translateX(5px);
  }
}

@media(min-width:576px){
	.banner__bottom-link{display:none}
}
@media(min-width:1230px) and (max-height:900px){
	.wrapper__banner .container{transform: translateY(-25%);}
	.wrapper__banner .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}
	.wrapper__banner .banner__bottom-link{bottom:50px}
	.banner__yandex{top: 5px;}
}
@media(min-width:992px) and (max-height:900px){
	.wrapper__banner .container{transform: translateY(-35%);}
	.wrapper__banner .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}
	.wrapper__banner .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%);}
	.wrapper__banner .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}
	.wrapper__banner .banner__bottom-link {bottom: 20px;font-size: 14px;}
	.wrapper__banner .banner__bottom-link span {width: 50px; height: 50px;  margin-top: 15px;}
	.wrapper__banner .banner__bottom-link span svg{width: 12px; height: auto}
	.banner__yandex {max-width: 60px; top: 25px;}
	.banner__bg{min-height: 480px;}
	.banner__buttons{flex-direction:column; gap:20px; align-items:start}
}
@media(max-width:575px){
	header{top: 30px;padding: 0 15px;}
	.wrapper__banner {position: relative;padding: 10px 10px 0;}
	.wrapper__banner .container {top: 135px; transform: translateY(0); height:100%}
	.banner__row {max-width: 100%;padding: 0 15px 40px;height: calc(100% - 135px);display: flex;flex-direction: column;align-items: start;}
	/*.banner__row .btn{margin:auto auto 0}*/
	
	.banner__buttons{flex-direction:column; gap:15px; padding-top:20px; align-items:start}
	.banner__buttons .btn{font-size:14px}
	
	.banner__yandex {top: 75px;right: 20px;}
	.banner__small-title{padding: 0 0 15px;font-size: 12px;}
	.wrapper__banner .banner__bottom-link{display:none}
	.banner__text{font-size: 16px;padding: 15px 0 20px;}
	.banner__bottom-link span{justify-content: center;align-items: center;width: 60px;transition:all 0.15s linear 0s;height: 60px;background: #717F66;border-radius: 900px;margin-top: 10px;display: flex;}
	.banner__bottom-link:hover span{background:#26734F}
	.banner__bottom-link span svg{color:#fff}
	.banner__bottom-link{font-size: 16px;line-height: 1.3;color: #717F66;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 20px;position: relative;z-index: 2;}
	.banner__bg{min-height: auto;height: 460px; border-radius:20px; overflow:hidden}
	.banner__row h1{max-width:300px; font-size:24px}
	.banner__row .banner__text{max-width:300px;padding: 10px 0 0;}
}