.wrapper__banner{background:#6a84c7; position:relative}
.banner__row{width:570px;display: flex;flex-direction: column;gap: 20px 0;align-items: start;margin-bottom: 120px;}
.banner__row h1{font-size: 52px;color: #ffffff;font-weight: 700;text-transform: uppercase;line-height: 1.2;margin: 0;padding: 0;letter-spacing: 0.02em;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)}
.banner__small-title {font-size: 24px;color: #ffffff;line-height: 1.25;margin: 0;padding: 0;font-weight: 400; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)}
.banner__row a{z-index:1; margin-top:10px}
.banner__inner{display:flex;justify-content:space-between;padding-top: 0;height: 650px;align-items: center;}
.banner__boss{position:relative;width:460px;align-items: self-end;height: 100%;}
.banner__boss picture{position:absolute;width: 1271px;left: 50%;bottom: 0;transform: translateX(-50%);pointer-events: none;}
.banner__best{background:rgba(45,62,124,0.5);position:absolute;left:0;right:0;bottom:15px;padding: 35px 0;}
.banner__best-list{font-size:16px; display:flex; align-items:center; gap:30px}
.banner__best-list li{background:#fff;border-radius:8px;color:#000000;display:flex;width:calc((100% - 60px) / 3);height: 85px;align-items: center;gap: 20px;font-weight: 700;padding: 0 20px;}
@media(max-width:1229px){
	.banner__row{width: 500px;gap: 20px 0;margin-bottom: 100px;}
	.banner__row h1{font-size: 42px}
	.banner__small-title {font-size: 20px}
	.banner__row a{margin-top:10px}
	.banner__inner{height: 552px;}
	.banner__boss{width: 400px}
	.banner__boss picture{width: 1080px}
	.banner__best{bottom:15px;padding: 25px 0;}
	.banner__best-list{font-size:15px; gap: 25px;}
	.banner__best-list img{width:80px; height:auto}
	.banner__best-list li{width: calc((100% - 50px) / 3);height: 75px;gap: 15px;padding: 0 15px;}
}
@media(max-width:991px){
	.banner__row{width: 380px;gap: 15px 0;margin-bottom: 70px;}
	.banner__row h1{font-size: 32px;}
	.banner__small-title {font-size: 16px;}
	.banner__row a{margin-top: 5px;}
	.banner__inner{height: 455px;}
	.banner__boss{width: 330px;}
	.banner__boss picture{width: 890px;}
	.banner__best{bottom: 10px;padding: 15px 0;}
	.banner__best-list{font-size: 14px;gap: 15px;}
	.banner__best-list img{width: 65px;height:auto}
	.banner__best-list li{width: calc((100% - 30px) / 3);height: 65px;gap: 10px;padding: 0 10px;}
}
@media(max-width:767px){
	.banner__row{width: 330px;margin-bottom: 0;}
	.banner__row h1{font-size: 28px;}
	.banner__small-title {font-size: 14px;}
	.banner__inner{height: 280px;}
	.banner__boss{width: 180px;}
	.banner__boss picture{width: 547px;}
	.banner__best{position:static; padding: 15px 0;}
	.banner__best-list{font-size: 14px;gap: 15px;}
	.banner__best-list img{width: 65px;height:auto;}
	.banner__best-list li{width: calc((100% - 20px) / 3); gap: 10px; padding: 15px 10px; font-size: 13px; flex-direction: column; height: auto;text-align: center;font-weight: 500; min-height:137px}
}
@media(max-width:500px){
	.banner__row{width: 220px;margin-bottom: 0;}
	.banner__row h1{font-size: 20px;}
	.banner__small-title {font-size: 12px;}
	.banner__inner{height: 243px;}
	.banner__boss{width: calc(100% - 220px)}
	.banner__boss picture{width: 475px;margin: 0  0 0 5px;}
	.banner__best-list li {font-size: 12px; min-height: 138px}
}