.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}


.menu-blog__row{display:flex; flex-wrap:wrap; justify-content:space-between}
.wrapper__blog-menu nav{width:850px}
.wrapper__blog-menu nav ul{display:flex; gap:10px 20px; flex-wrap:wrap}
.wrapper__blog-menu nav ul li{}
.wrapper__blog-menu nav ul li a{display:block; text-transform:uppercase; white-space:nowrap; padding:10px; font-weight: 800;font-size: 18px;line-height: 1.2;color: #332E47;border-radius:8px}
.wrapper__blog-menu nav ul li a:hover, .wrapper__blog-menu nav ul li.active a{background:#F4F7FF}

.menu__search{width:410px}
.menu__search form{display:flex; align-items:center; gap:15px}
.menu__search form input{box-shadow:0 0 0 1px #000 inset}
.menu__search form .btn{width:135px;min-width: 135px;}



@media (max-width: 1399px) {
    .promotion__heading-desc{margin-bottom: 30px}
    .promotion-heading__desc, .promotion__heading-desc {font-size: 17px}
	.wrapper__blog-menu nav{width:610px}
	.wrapper__blog-menu nav ul{gap: 5px 10px;}
	.wrapper__blog-menu nav ul li a{padding: 8px;font-size: 16px;}
	
	.menu__search{width: 300px;}
	.menu__search form{gap:10px}
	.menu__search form .btn{width: 100px;min-width: 100px;}
}
@media (max-width: 991px) {
	.wrapper__promotion-container{text-align:center}
    .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}
	.menu-blog__row {flex-direction: column;gap: 15px;justify-content: center;align-items: center}
	.menu__search, .wrapper__blog-menu nav{width: 100%;}
	.menu__search form{gap:10px}
	.menu__search form .btn{width: 150px;min-width: 150px;}
	.wrapper__blog-menu nav{width:100%}
	.wrapper__blog-menu nav ul{gap: 5px; justify-content:center}
	.wrapper__blog-menu nav ul li a{padding: 5px;font-size: 14px; border-radius:5px}
}
@media (max-width: 767px) {
    .promotion-heading__desc, .promotion__heading-desc {font-size: 15px}
    .promotion__heading-desc{margin-bottom: 20px}
    .wrapper__promotion-heading {padding-bottom: 15px}
}
@media (max-width: 575px) {
    .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: 460px) {
    .promotion__heading-desc br {display: none}
	.menu__search form .btn{width: 100px;min-width: 100px;}
}
@media (max-width: 350px) {
    .promotion-heading__desc>svg {display: none}
}