.wrapper__promotion-container{padding:45px 25px 30px;background: #FFD51C;border-radius: 16px}
.wrapper__promotion-heading{display:flex; align-items:start; justify-content:space-between; padding-bottom:25px}
.promotion-heading__desc, .promotion__heading-desc{font-weight: 700;font-size: 18px;line-height: 1.6;color: #332E47;display:flex;align-items:center;gap: 10px;position:relative}
.promotion-heading__desc::before, .promotion__heading-desc::before{position: absolute;width: 46px;height: 2px;left: -18px;top: 13px;content: "";background: #fff;transform: rotate(121.61deg);z-index: 1}
.promotion__heading-desc{margin-bottom:40px}
.promotion-heading__desc span{position:relative}
.promotion-heading__desc span svg{position:absolute;min-width: 113px;height:33px;color: #000;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.promotion-heading__desc > svg{width:18px;height:16px;margin-left: 5px;}
.promotion__item{position:relative; border-radius:16px; overflow:hidden}
.promotion__item::before{pointer-events:none; transition: all 0.5s ease; position:absolute; background: linear-gradient(180deg, #7D9AC0 0%, rgba(125, 154, 192, 0) 100%); content:""; left:0; right:0; bottom:0; top:0}
.promotion__item::after{pointer-events:none; z-index:1; transition: all 0.5s ease; background:#7D9AC0; content:""; position:absolute; opacity:0; left:0; right:0; bottom:0; top:0}
.promotion__item:hover::before{opacity:0}
.promotion__item:hover::after{opacity:1}
.promotion__title{text-align:left; font-weight: 700;font-size: 24px;line-height: 30px;color: #FFFFFF;position:absolute;top:30px;left:20px;right:20px;max-width:295px;transition: all 0.5s ease;z-index:2}
.promotion__more{padding: 6px 16px;position: absolute;background: #F0F3FD;border-radius: 60px;font-size: 14px;line-height: 1.6;color: #332E47;bottom:20px;right:20px;transition: all 0.5s ease;z-index:2}
.promotion__present {position: absolute;z-index: 1;left: 0;transition: all 0.5s ease;bottom: 0;width: 75px;z-index:2;transform: translateX(-25px) translateY(10px) rotate(-30deg)}
.promotion__item:hover .promotion__present{width:166px; transform: translateX(-25px) translateY(10px) rotate(0);}
.promotion__item:hover .promotion__title{font-size: 18px;line-height: 24px;top: 20px;}
.promotion__item:hover .promotion__more{background:#FFD51C}
@media(max-width:1399px){
	.promotion__heading-desc{margin-bottom:30px}
	.wrapper__promotion-heading .h2{max-width:410px}
	.promotion-heading__desc, .promotion__heading-desc{font-size:17px}
}
@media(max-width:991px){
	.wrapper__promotion-container {text-align:center}
	.wrapper__promotion-heading{flex-direction:column; justify-content:center; align-items:center; gap:10px}
	.wrapper__promotion-heading .h2{max-width:100%; text-align:center}
	.wrapper__promotion-heading .h2 br{display:none}
	.promotion-heading__desc, .promotion__heading-desc{font-size:16px}
	.promotion-heading__desc span svg {min-width: 100px; height: 30px}
	.promotion__heading-desc{display:inline-block}
	.promotion__title {font-size: 18px; line-height: 22px; top: 15px; left: 15px; right: 15px}
	.promotion__item:hover .promotion__title{font-size: 16px;line-height: 20px;top: 10px;}
	.promotion__more{bottom:10px; right:10px}
	.promotion__item:hover .promotion__present{width:120px}
}
@media(max-width:767px){
	.promotion-heading__desc, .promotion__heading-desc{font-size:15px}
	.promotion__heading-desc {margin-bottom: 20px;}
	.wrapper__promotion-container .swiper{overflow:visible}
	.promotion__slider .swiper-slide{width:300px}
	.wrapper__promotion-container {padding: 30px 20px 20px; overflow:hidden}
	.wrapper__promotion-heading{padding-bottom:15px}
}
@media(max-width:575px){
	.wrapper__promotion-container {padding: 20px 15px 15px}
	.promotion-heading__desc, .promotion__heading-desc{font-size:14px}
	.promotion-heading__desc{font-size: 14px;gap: 5px;white-space: nowrap}
	.promotion-heading__desc span svg {min-width: 85px;height: 25px;}
	.promotion-heading__desc > svg{width:12px;height:10px;margin-left: 2px;}
}
@media(max-width:420px){
	.promotion__slider .swiper-slide{width:280px}
}
@media(max-width:350px){
	.promotion-heading__desc > svg{display:none}
}