.info-trigger{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#2f6fed; color:#fff; font-size:13px; margin-left:6px; cursor:pointer; font-weight:bold; } .info-popup{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.55); z-index:9999; align-items:center; justify-content:center; color:var(--secondary); } .info-popup-content{ background:#fff; padding:30px; border-radius:10px; max-width:500px; width:90%; box-shadow:0 10px 40px rgba(0,0,0,0.25); position:relative; animation:popupfade .25s ease; } .info-close{ position:absolute; right:15px; top:10px; font-size:22px; cursor:pointer; } @keyframes popupfade{ from{transform:scale(.9);opacity:0} to{transform:scale(1);opacity:1} }  .popup-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; justify-content:center; align-items:center; z-index:9999; color:#000C21; } .popupcontent { margin-bottom:30px; } .popup-box > h3 { color:#000C21; } .popup-box{ background:white; padding:30px; border-radius:10px; text-align:center; } .buttonpopup { background: rgba(237, 122, 0, 1); color:white; font-size: 16px; height: 48px; padding: 5px 50px 5px 50px; border-radius:4px; } .frm_submit { display: flex; gap: 10px; } .frm_prev_page { order: 1; } .frm_save_draft { order: 2; } .frm_final_submit { order: 3; }