.promotions-section .promotions-heading {
  margin-bottom: 18px;
}

.promotions-section .promotions-heading .section-kicker {
  display: inline-block;
}

.promotions-section .promotions-heading h2 {
  margin-top: 5px;
}

.promotions-title-row{display:flex;align-items:center;gap:9px}.promotions-title-row h2{margin-bottom:0}.promotions-help-button{position:relative;display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #9ac0ff;border-radius:50%;background:#edf4ff;color:#155eef;cursor:pointer;transition:.2s}.promotions-help-button>span{font-size:19px}.promotions-help-button:hover,.promotions-help-button:focus-visible{transform:translateY(-2px);border-color:#155eef;background:#155eef;color:#fff;outline:none}.promotions-help-button i{position:absolute;right:50%;bottom:calc(100% + 9px);z-index:5;width:max-content;max-width:180px;padding:7px 10px;border-radius:9px;background:#14213d;color:#fff;font-size:10px;font-style:normal;font-weight:800;opacity:0;pointer-events:none;transform:translateX(50%) translateY(4px);transition:.18s}.promotions-help-button i:after{content:"";position:absolute;top:100%;right:50%;border:5px solid transparent;border-top-color:#14213d;transform:translateX(50%)}.promotions-help-button:hover i,.promotions-help-button:focus-visible i{opacity:1;transform:translateX(50%) translateY(0)}
.promotions-help-dialog{width:min(680px,calc(100% - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:0;border:0;border-radius:28px;background:#fff;box-shadow:0 30px 90px #14213d52;color:#14213d}.promotions-help-dialog::backdrop{background:#1018289c;backdrop-filter:blur(4px)}.promotions-help-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:linear-gradient(135deg,#fff0e6,#f3f7ff)}.promotions-help-dialog>header>div{display:flex;align-items:center;gap:12px}.promotions-help-dialog>header>div>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#ff6508;color:#fff;font-size:25px;box-shadow:0 9px 20px #ff65082c}.promotions-help-dialog header small{color:#ff6508;font-weight:900}.promotions-help-dialog header h2{margin:2px 0 0;font-size:22px}.promotions-help-dialog header>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce2eb;border-radius:12px;background:#fff;color:#667085;cursor:pointer}.promotions-help-intro{margin:20px 24px 14px;color:#667085;line-height:1.7}.promotions-help-placements{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 24px}.promotions-help-placements article{display:flex;gap:9px;padding:14px;border:1px solid #e5eaf1;border-radius:17px;background:#fafcff}.promotions-help-placements article>i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#eaf2ff;color:#155eef;font-size:19px}.promotions-help-placements article span{display:flex;flex-direction:column}.promotions-help-placements b{font-size:12px}.promotions-help-placements small{margin-top:4px;color:#667085;font-size:9px;line-height:1.6}.promotions-help-steps{display:grid;gap:8px;margin:17px 24px;padding:0;list-style:none}.promotions-help-steps li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fff7f1}.promotions-help-steps li>b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#ff6508;color:#fff}.promotions-help-steps li span{display:flex;flex-direction:column}.promotions-help-steps strong{font-size:12px}.promotions-help-steps small{color:#667085;font-size:10px}.promotions-help-dialog>footer{display:flex;gap:9px;padding:17px 24px 23px}.promotions-help-dialog>footer a{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:11px;border:1px solid #dfe5ed;border-radius:14px;color:#315f8d;font-weight:900}.promotions-help-dialog>footer .whatsapp{border-color:#20a864;background:#20a864;color:#fff}

.promotions-section .promotions-heading p {
  margin-top: 5px;
}

.promotions-section .home-promotions-actions > .show-all {
  color: #155eef;
}

@media (max-width: 650px) {
  .promotions-section .promotions-heading {
    align-items: flex-start;
  }

  .promotions-section .home-promotions-actions > .show-all {
    white-space: nowrap;
  }

  .promotions-help-placements{grid-template-columns:1fr}.promotions-help-dialog>header{padding:17px}.promotions-help-dialog header h2{font-size:17px}.promotions-help-dialog>header>div>span{width:42px;height:42px}.promotions-help-intro{margin:17px}.promotions-help-placements{padding:0 17px}.promotions-help-steps{margin:14px 17px}.promotions-help-dialog>footer{flex-direction:column;padding:14px 17px 19px}
}
