.wrapper__banner{max-width:1600px; margin:0 auto}
.wrapper__banner-in{position:relative;  overflow:hidden}
.wrapper__banner .container{position:absolute; left:0;right:0;bottom:0; top: clamp(70px, 9vw, 140px); display: flex; flex-direction: column; z-index: 1; padding:0 clamp(15px, 2vw, 30px)}
.banner-top__row, .banner-bottom__row{display:flex; justify-content:space-between; align-items:start; gap: clamp(12px, 1.5vw, 24px)}
.banner-bottom__row{align-items:start; margin-top:auto; padding-bottom: clamp(30px, 6.5vw, 105px)}
.banner-top__left{max-width:550px}
.banner-top__right svg{color:#CEAF7D; min-width: clamp(24px, 2.2vw, 34px); width: clamp(24px, 2.2vw, 34px); height: auto}
.banner-top__right{white-space:nowrap; gap: clamp(12px, 1.4vw, 20px); display:flex; align-items:center; padding: clamp(12px, 1.4vw, 20px); color: #FFFFFF; font-weight: 400; font-size: clamp(14px, 0.4vw + 13px, 20px); line-height: 1.25; background: rgba(206, 175, 125, 0.1); border-radius: 16px}
.banner__text{max-width:450px; margin: clamp(12px, 1.4vw, 20px) 0 clamp(24px, 2.8vw, 40px); font-weight: 300; font-size: clamp(15px, 0.4vw + 13px, 20px); line-height: 1.25; color:#fff}
.banner-bottom__left{display:flex; align-items:center; flex-wrap: wrap; font-weight: 400; font-size: clamp(14px, 0.4vw + 13px, 20px); line-height: 1.25; color: #FFFFFF; padding: clamp(12px, 1.4vw, 20px); gap: clamp(10px, 1.1vw, 16px); background: rgba(206, 175, 125, 0.1); border-radius: 16px}
.banner-bottom__left li{gap: clamp(10px, 1vw, 15px); display:flex; align-items:center}
.banner-bottom__left li::before{gap: clamp(10px, 1vw, 15px); display:block; content:"";border-radius:100%;width: 6px;height: 6px;background: #D9D9D9;}

.banner__bg{position:relative; height: clamp(500px, 60vw, 889px)}
.banner__bg picture, .banner__bg img{width:100%; height:100%; object-fit:cover}
.banner-after{text-align:center; max-width:840px; margin:0 auto; padding:0 clamp(15px, 2vw, 30px)}
.banner-after__title-small{color: #CEAF7D; font-weight: 300; font-size: clamp(14px, 0.4vw + 13px, 20px); line-height: 1.25; display:flex; align-items:center; justify-content:center; gap:0 clamp(10px, 1.1vw, 16px)}
.banner-after__title-small::before, .banner-after__title-small::after{content:""; width: 8px; height: 8px; border-radius:100%; display:block; background: #CEAF7D}
.banner-after__text{font-weight: 300; font-size: clamp(14px, 0.4vw + 13px, 20px); line-height: 1.25; color: #FFFFFF; max-width:340px; margin:0 auto}
@media(min-width:576px){
	.banner-bottom__left li:first-child::before{display:none}
}
@media(min-width:1600px){
	.wrapper__banner-in{border-radius: clamp(20px, 2.2vw, 32px)}
}
@media(max-width:1399px){
	
}
@media(max-width:1229px){
	
}
@media(max-width:991px){
	.wrapper__banner .container{top:140px}
	.banner-bottom__row{padding-bottom:20px; align-items:end}
	.banner-top__right{white-space: normal;}
}
@media(max-width:767px){
	.banner-top__row{flex-direction: column; gap: 16px;}
	.banner-top__right{white-space: normal; width: 100%;width: auto;}
	.banner-bottom__row{gap: 16px; align-items: flex-start;}
	.banner__text{max-width: 100%;}
	.banner-bottom__left{flex-wrap: wrap; font-size:14px}
	.banner-top__right{font-size:14px}
	.wrapper__banner .container{top:140px;gap: 15px;}
	.banner-top__left{max-width:420px}
	.banner__bg{height: 500px;}
	.banner__bg picture, .banner__bg img{object-position: 25% bottom;}
	.banner-bottom__right{width:80px}
}
@media(max-width:575px){
	.banner-top__row, .banner-bottom__row{gap: 10px;}
	.wrapper__banner .container {top: 110px;gap: 10px;}
	.banner-bottom__left{flex-direction: column; align-items: flex-start; gap: 8px;}
	.banner-bottom__right {width: 70px;margin: auto 0;}
	.banner__bg {height: 510px;}
	.banner-top__left {max-width: 100%}
	.banner__bg picture, .banner__bg img {object-position: 35% bottom;}
}