/* Start:/promo/style.css?17630913845454*/
.promo-banner-top { text-align:center; margin:0 0 20px; } 
.promo-top-img { width:100%; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.4); transition:transform .3s; } 
.promo-top-img:hover { transform:scale(1.02); } 
.promo-section { text-align:center; padding:40px 0; background:#0b1324; }
h2 span {  color: #2E78FF;}
.promo-title { font-size:28px; font-weight:700; color:#fff; margin-bottom:20px; } 
.promo-list { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; } 
.promo-card { background:#1b2235; border-radius:12px; overflow:hidden; width:340px; transition:all .3s ease; cursor:pointer; } 
.promo-card:hover { transform:scale(1.05); } 
.promo-card.expanded { width:100%; max-width:700px; } 
.promo-banner { width:100%; display:block; } 
.promo-content { padding:20px; color:#fff; } 
.promo-btn { display:inline-block; background:#0099ff; color:#fff; padding:10px 20px; border-radius:6px; text-decoration:none; margin-top:10px; transition:background .3s; } 
.promo-btn:hover { background:#0077cc; } 
.promo-detail { display:flex; flex-wrap:wrap; justify-content:space-between; background:rgba(46, 120, 255, 0.2); border-radius:16px; padding:40px; color:#fff; margin:0 0 ; box-shadow:0 4px 16px rgba(0,0,0,0.4); } 
.promo-detail__left { flex:1 1 40%; min-width:280px; } 
.promo-detail__right { flex:1 1 55%; min-width:320px;  border-radius:12px; padding:24px; display:flex; flex-direction:column; gap:16px; } 
.promo-detail__title { font-family: Montserrat;font-weight: 600;font-style: SemiBold;font-size: 36px !important;leading-trim: NONE;line-height: 120%;letter-spacing: 0%;text-align:left!important;  margin-bottom: 20px!important;} 
.promo-detail__title:after {  margin-left: unset!important; } 
.promo-detail__date { font-size:14px; opacity:0.8;  display: flex;  align-items: center;  gap: 10px; } 
.promo-detail__row { display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:12px; } 
.promo-detail__row:last-child { border-bottom:none; } 
.promo-detail__col-title { font-weight:600; font-size:14px; width:45%; } 
.promo-detail__col-text { width:55%; font-size:14px; line-height:1.5; } 
.promo-detail__text ul { margin:0 0 15px; padding-left:22px; list-style:disc; }
.promo-detail__text li { margin-bottom:8px; line-height:1.6; color:#fff; opacity:0.9; }
.promo-detail__col-text ul { margin:0 0 15px; padding-left:22px; list-style:disc; }
.promo-detail__col-text li { margin-bottom:8px; line-height:1.6; color:#fff; opacity:0.9; }
.promo-detail__row--code .promo-detail__col-text { display:flex; align-items:center; } 
.promo-detail__code { background:#182f65; padding:6px 14px; border-radius:6px; font-weight:700; letter-spacing:1px; } 
.promo-detail__btn { margin-top:20px; display:inline-block; text-align:center; background:#0077cc; color:#fff; padding:12px 28px; border-radius:8px; text-decoration:none; font-weight:600; transition:background .3s; } 
.promo-detail__btn:hover { background:#0099ff; } 
@media(max-width:768px){ .promo-list { flex-direction:column; align-items:center; } .promo-card { width:90%; } .promo-top-img { max-width:100%; } .promo-detail { flex-direction:column; } .promo-detail__right { margin-top:20px; } }
.promo-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; margin:60px auto;  } 
.promo-grid__item { background:#1b2235; border-radius:12px; overflow:hidden; width:calc((100% / 3) - 16px); box-shadow:0 4px 10px rgba(0,0,0,0.3); transition:transform .3s, box-shadow .3s; cursor:pointer; } 
.promo-grid__item:hover { transform:translateY(-6px); box-shadow:0 8px 18px rgba(0,0,0,0.4); } 
.promo-grid__img { width:100%; height:auto; display:block; } 
.promo-grid__content { padding:16px 20px 14px; color:#fff; display:flex; flex-direction:column; justify-content:space-between; min-height:80px; } 
.promo-grid__title { font-size:18px; font-weight:700; color:#fff; margin-bottom:10px; text-align:left; } 
.promo-grid__footer { display:flex; justify-content:space-between; align-items:center; font-size:13px; color:#bbb; border-top:1px solid rgba(255,255,255,0.1); padding-top:10px; } 
.promo-grid__duration { display:flex; align-items:center; gap:6px; } 
.promo-grid__date { display:flex; align-items:center; gap:6px; } 
.promo-detail--hidden { opacity:0; height:0; overflow:hidden; transition:all .4s ease; }
.promo-detail--hidden[style*="display: flex"] { opacity:1; height:auto; margin:20px 0 40px; }
@media(max-width:1024px){ .promo-grid__item { width:300px; } } 
@media(max-width:768px){ 
	.promo-grid { flex-direction:column; align-items:center; } 
	.promo-grid__item { width:100%;  } }
@media(max-width:768px){
.promo-detail { flex-direction:column; padding:24px 20px; border-radius:12px; margin:0 0 24px; }
.promo-detail__left { width:100%; min-width:unset; padding:0; }
.promo-detail__right { width:100%; min-width:unset; padding:0; }
.promo-detail__title { font-size:22px!important; line-height:1.3; margin-bottom:12px!important; }
.promo-detail__date { font-size:13px; margin-bottom:16px; line-height:1.4; flex-wrap:wrap; }
.promo-detail__row { flex-direction:column; align-items:flex-start; gap:6px; padding-bottom:10px; }
.promo-detail__col-title { font-size:14px; width:100%; }
.promo-detail__col-text { width:100%; font-size:14px; line-height:1.5; }
.promo-detail__btn { width:100%; padding:14px; font-size:15px; margin-top:10px; }
}

/* End */
/* /promo/style.css?17630913845454 */