.wrapper__promotion-container{padding:0 0 80px}
.wrapper__promotion-heading{display:flex; align-items:end; justify-content:space-between; padding-bottom:25px}
.wrapper__promotion-heading h1{margin:0}
.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{padding-bottom:10px}
.promotion-heading__desc::before, .promotion__heading-desc::before{position: absolute;width: 46px;height: 2px;left: -18px;top: 13px;content: "";background: #FFD51C;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__row{display:flex; flex-wrap:wrap; gap:50px 30px}
.promotion__item{position:relative; width:calc((100% - 60px) / 3)}
.promotion__link{display:flex; flex-direction:column; height:100%}
.promotion__link span{display:block}
.promotion__cover{border-radius:16px;overflow:hidden;display: block;position: relative;}
.promotion__title{padding-top:30px; font-weight: 700; font-size: 24px; line-height: 1.2; color: #332E47; transition: all 0.5s ease}
.promotion__content{font-size: 16px;line-height: 1.2;color: #332E47; padding:16px 0 30px}
.promotion__more{margin-top:auto; max-width:260px; text-align:center}
.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);}
@media(max-width:1399px){
	.wrapper__promotion-container{padding-bottom:70px}
	.promotion__heading-desc{margin-bottom:30px}
	.promotion-heading__desc, .promotion__heading-desc{font-size:17px}
	.promotion__row{gap:40px 20px}
	.promotion__item{width:calc((100% - 40px) / 3)}
	.promotion__title{padding-top:20px; font-size: 22px}
	.promotion__content{font-size: 15px; padding:14px 0 20px}
}
@media(max-width:991px){
	.wrapper__promotion-container{text-align: center; padding-bottom:60px}
	.wrapper__promotion-heading{flex-direction:column; justify-content:center; align-items:center; gap:10px}
	.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__item:hover .promotion__present{width:120px}
	.promotion__title{font-size: 20px}
	.promotion__content{font-size: 14px}
	.promotion__item{width:calc((100% - 20px) / 2); text-align:left}
}
@media(max-width:767px){
	.wrapper__promotion-container{padding-bottom:50px}
	.promotion-heading__desc, .promotion__heading-desc{font-size:15px}
	.promotion__heading-desc{margin-bottom: 20px;}
	.wrapper__promotion-heading{padding-bottom:15px}
	.promotion__title{padding-top:15px; font-size: 18px}
	.promotion__content{padding:10px 0 15px}
	.promotion__row{gap:30px 15px}
	.promotion__item{width:calc((100% - 15px) / 2)}
}
@media(max-width:575px){
	.wrapper__promotion-container{padding-bottom:40px}
	.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;}
	.promotion__title{font-size: 16px; padding-top:10px}
	.promotion__content{font-size:13px; padding:10px 0}
	.promotion__row{gap:20px 0}
	.promotion__more{max-width:100%}
	.promotion__item{width:100%}
}
@media(max-width:450px){
	.promotion__heading-desc br{display:none}
}
@media(max-width:350px){
	.promotion-heading__desc > svg{display:none}
}