تحديث إدارة المخاطر في IB Langenthal AG

.sgrc-cs{ –blue:#1863dc; –ink:#101828; –muted:#475467; –line:#e7e9ee; –panel:#f3f4f5; –blue-soft:#e7f5fe; /* inherits font + size + line-height from the story (Elementor Global Typography), with Montserrat / 16px as fallback -> everything consistent */ font-family:var(–e-global-typography-text-font-family,”Montserrat”,-apple-system,BlinkMacSystemFont,”Segoe UI”,sans-serif); font-size:var(–e-global-typography-text-font-size,16px); line-height:var(–e-global-typography-text-line-height,1.6); max-width:920px; margin:0 auto; color:var(–ink); } .sgrc-cs *{box-sizing:border-box;} .sgrc-cs__rows{display:flex; flex-direction:column; gap:18px;} .sgrc-cs__row{ position:relative; display:grid; grid-template-columns:1fr 64px 1fr; align-items:stretch; background:#fff; border:1px solid var(–line); border-radius:16px; overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.04); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .sgrc-cs__row::before{ content:””; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(–blue); } .sgrc-cs__row:hover{ transform:translateY(-3px); box-shadow:0 12px 30px rgba(24,99,220,.12); border-color:#d7dbe4; } .sgrc-cs__cell{padding:26px 28px; display:flex; flex-direction:column; gap:10px;} .sgrc-cs__cell–challenge{background:var(–panel); padding-left:34px;} .sgrc-cs__cell–solution{background:#fff;} .sgrc-cs__num{display:inline-flex; align-items:center; font-weight:700; color:var(–blue);} .sgrc-cs__num span{ display:inline-flex; align-items:center; justify-content:center; width:1.7em; height:1.7em; border-radius:50%; font-size:.8em; font-weight:700; background:var(–blue-soft); color:var(–blue); } .sgrc-cs__label{font-size:.7em; font-weight:600; letter-spacing:.14em; text-transform:uppercase; line-height:1.3;} .sgrc-cs__cell–challenge .sgrc-cs__label{color:var(–muted);} .sgrc-cs__cell–solution .sgrc-cs__label{color:var(–blue);} .sgrc-cs__text{font-size:1em; line-height:inherit; font-weight:400; color:var(–ink); margin:0;} .sgrc-cs__cell–challenge .sgrc-cs__text{color:#3a4256;} .sgrc-cs__arrow{ display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(–panel) 0%,var(–panel) 50%,#fff 50%,#fff 100%); } .sgrc-cs__arrow i{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:var(–blue); color:#fff; box-shadow:0 4px 12px rgba(24,99,220,.35); transition:transform .25s ease; } .sgrc-cs__row:hover .sgrc-cs__arrow i{transform:translateX(3px) scale(1.06);} .sgrc-cs__arrow svg{width:18px; height:18px;} @media (max-width:680px){ .sgrc-cs__row{grid-template-columns:1fr; gap:0;} .sgrc-cs__row::before{width:100%; height:4px; bottom:auto;} .sgrc-cs__cell{padding:22px 22px;} .sgrc-cs__cell–challenge{padding-top:28px;} .sgrc-cs__arrow{height:48px; background:linear-gradient(180deg,var(–panel) 0%,var(–panel) 50%,#fff 50%,#fff 100%);} .sgrc-cs__arrow i{transform:rotate(90deg);} .sgrc-cs__row:hover .sgrc-cs__arrow i{transform:rotate(90deg) translateX(3px) scale(1.06);} }