/* Berkat OSH Services — generated from design files */
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
    @keyframes logo-slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
    .doc-slider { scrollbar-width: none; -ms-overflow-style: none; }
    .doc-slider::-webkit-scrollbar { display: none; height: 0; }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
    .awards-marquee::-webkit-scrollbar { display: none; height: 0; }
    .award-row:hover .award-name { color: #2a5adf; }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
    .certs-marquee::-webkit-scrollbar { display: none; height: 0; }
    .award-row:hover .award-name { color: #2a5adf; }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    summary::-webkit-details-marker { display: none; }
    details[open] .faq-icon { transform: rotate(45deg); }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
    @keyframes logo-slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    summary::-webkit-details-marker { display: none; }
    details[open] .faq-icon { transform: rotate(45deg); }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
    .clinic-marquee::-webkit-scrollbar { display: none; height: 0; }
    @keyframes logo-slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    summary::-webkit-details-marker { display: none; }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
    @keyframes logo-slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }
html, body { margin: 0; padding: 0; background: #ffffff; font-family: 'Instrument Sans'; }
    * { box-sizing: border-box; }
    a { color: #2a5adf; }
    a:hover { color: #1e46b8; }
    image-slot { display: block; width: 100%; height: 100%; }
    image-slot[data-controls="inside"] { color: rgba(255,255,255,0.85); }
      div[data-menu-thumb] image-slot { width: 100% !important; height: 100% !important; }

.only-desktop{display:contents}
.only-mobile{display:none}
@media (max-width: 860px){.only-desktop{display:none}.only-mobile{display:contents}}
.mega-panel{display:none}
.mega-panel.open{display:block}
.mobile-menu{display:none}
.mobile-menu.open{display:block}
.sc-cond{display:contents}
.img-slot{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;background:#e8ecf4;border:1px dashed #b9c8e8;border-radius:12px;color:#6b7585;font-size:12px;min-height:60px;width:100%;padding:8px;box-sizing:border-box}
[data-hover="cta"]:hover [data-part="cta-arrow"]{max-width:24px !important;margin:-4px 0 -4px 10px !important;opacity:1 !important}
[data-hover="mega"]:hover [data-part="mega-title"]{color:#2a5adf !important}
[data-hover="why"]:hover{background:#e8ecf4 !important;border-color:#e8ecf4 !important}
[data-hover="why"]:hover [data-part="why-title"]{color:#10151f !important}
[data-hover="why"]:hover [data-part="why-body"]{color:#4b5565 !important}
[data-hover="why"]:hover [data-part="why-icon"]{stroke:#2a5adf !important}
.s0{font-family: 'Instrument Sans'; background: #ffffff; min-height: 100vh; padding: 16px; color: #10151f}
.s1{max-width: 1440px; margin: 0 auto; background: #ffffff; border-radius: 28px}
.s2{position: relative; border-radius: 28px 28px 22px 22px; overflow: hidden; background: #0e1726}
.s3{position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,16,28,0.82) 0%, rgba(10,16,28,0.5) 45%, rgba(10,16,28,0.28) 100%); pointer-events: none}
.s4{position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; padding: 10px 40px; gap: 24px}
.s5{display: block; flex-shrink: 0; line-height: 0}
.s6{display: block; height: 44px; width: auto; filter: grayscale(1) brightness(0) invert(1)}
.s7{display: flex; align-items: center; gap: 4px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18); border-radius: 999px; padding: 4px; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px)}
.s8{font-size: 12px; color: rgba(255,255,255,0.88); text-decoration: none; padding: 8px 18px; white-space: nowrap; border-radius: 999px; transition: background 0.15s, color 0.15s}
.s8:hover{color: #10151f ; background: #ffffff}
.s9{display: inline-flex; align-items: center; font-size: 12px; font-weight: 500; color: #10151f; background: #ffffff; text-decoration: none; padding: 11px 22px; border-radius: 999px}
.s9:hover{background: #e8ecf4}
.s10{display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: #10151f; overflow: hidden; max-width: 0px; margin: -4px 0 -4px 0px; opacity: 0; transition: max-width 0.25s ease, margin 0.25s ease, opacity 0.2s ease}
.s11{width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.15); cursor: pointer; display: flex; align-items: center; justify-content: center}
.s12{position: absolute; top: calc(100% - 4px); right: 16px; left: 16px; background: #ffffff; border: 1px solid #e8ecf4; border-radius: 18px; box-shadow: 0 16px 40px rgba(16,21,31,0.14); padding: 12px; display: flex; flex-direction: column; gap: 2px; z-index: 50}
.s13{font-size: 15px; color: #10151f; font-weight: 500; text-decoration: none; padding: 12px 14px; border-radius: 10px; background: #eef1f7}
.s14{font-size: 15px; color: #4b5565; text-decoration: none; padding: 12px 14px; border-radius: 10px}
.s14:hover{background: #eef1f7}
.s15{display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 500; color: #ffffff; background: #10151f; text-decoration: none; padding: 13px 14px; border-radius: 12px; margin-top: 8px}
.s16{display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: #ffffff; overflow: hidden; max-width: 0px; margin: -4px 0 -4px 0px; opacity: 0; transition: max-width 0.25s ease, margin 0.25s ease, opacity 0.2s ease}
.s17{position: absolute; top: calc(100% - 8px); left: 24px; right: 24px; background: #ffffff; border: 1px solid #e8ecf4; border-radius: 20px; box-shadow: 0 24px 60px rgba(16,21,31,0.16); padding: 20px; display: flex; flex-wrap: wrap; gap: 20px; z-index: 60; align-items: stretch}
.s18{flex: 1 1 280px; min-width: 240px; max-width: 360px; display: flex; flex-direction: column; gap: 6px; background: #f4f6fa; border: 1px solid #e8ecf4; border-radius: 16px; padding: 22px; text-decoration: none; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s}
.s18:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s19{font-size: 16px; font-weight: 500; color: #10151f; transition: color 0.15s}
.s20{font-size: 12px; line-height: 1.5; color: #6b7585}
.s21{flex: 1; min-height: 170px; display: flex; margin-top: 14px}
.s22{flex: 0 1 400px; display: flex; flex-direction: column; gap: 16px}
.s23{flex: 1; display: flex; gap: 16px; align-items: center; background: #f4f6fa; border: 1px solid #e8ecf4; border-radius: 16px; padding: 18px 20px; text-decoration: none; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s}
.s23:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s24{flex: 1}
.s25{font-size: 14px; font-weight: 500; color: #10151f; transition: color 0.15s; margin-bottom: 5px}
.s26{font-size: 11.5px; line-height: 1.45; color: #6b7585}
.s27{flex: 0 0 88px; height: 88px; display: flex}
.s28{flex: 1 1 160px; min-width: 150px; padding: 12px 8px; display: flex; flex-direction: column; gap: 18px}
.s29{font-size: 14px; font-weight: 600; color: #10151f}
.s30{font-size: 13px; color: #10151f; text-decoration: none; transition: color 0.15s}
.s30:hover{color: #2a5adf }
.s31{position: absolute; top: calc(100% - 8px); left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 48px); background: #ffffff; border: 1px solid #e8ecf4; border-radius: 20px; box-shadow: 0 24px 60px rgba(16,21,31,0.16); padding: 20px; display: flex; flex-wrap: wrap; gap: 20px; z-index: 60; align-items: stretch}
.s32{flex: 0 0 320px; display: flex; flex-direction: column; gap: 6px; background: #f4f6fa; border: 1px solid #e8ecf4; border-radius: 16px; padding: 22px; text-decoration: none; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s}
.s32:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s33{flex: 0 1 400px; display: flex; flex-direction: column; gap: 16px; justify-content: flex-start}
.s34{flex: 0 0 auto; display: flex; gap: 16px; align-items: center; background: #f4f6fa; border: 1px solid #e8ecf4; border-radius: 16px; padding: 18px 20px; text-decoration: none; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s}
.s34:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s35{position: relative; min-height: 720px; pointer-events: none}
.s36{position: absolute; left: 48px; right: 48px; bottom: 48px; display: flex; flex-direction: column; gap: 36px; pointer-events: none}
.s37{max-width: 700px}
.s38{display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.14); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.25); border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #ffffff; margin-bottom: 18px}
.s39{display: block}
.s40{margin: 0 0 18px 0; font-size: 52px; line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; color: #ffffff; position: relative}
.s41{margin: 0 0 28px 0; font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.85); max-width: 560px}
.s42{pointer-events: auto; display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; text-decoration: none; padding: 13px 26px; border-radius: 999px}
.s42:hover{background: #e8ecf4}
.s43{pointer-events: auto; display: inline-flex; align-items: center; margin-left: 12px; font-family: inherit; font-size: 14px; font-weight: 500; color: #ffffff; background: transparent; border: 1px solid rgba(255,255,255,0.55); padding: 12px 26px; border-radius: 999px; cursor: pointer; transition: background 0.15s, border-color 0.15s}
.s43:hover{background: rgba(255,255,255,0.12); border-color: #ffffff}
.s44{padding-top: 4px}
.s45{display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px 40px}
.s46{display: flex; flex-direction: column; gap: 8px}
.s47{font-size: 42px; font-weight: 500; letter-spacing: -0.02em; line-height: 1; color: #ffffff}
.s48{font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.75)}
.s49{border-left: 1px solid rgba(255,255,255,0.28); padding-left: 24px; display: flex; flex-direction: column; gap: 8px}
.s50{padding: 43px 0 0 0; overflow: hidden; background: transparent}
.s51{display: flex; width: max-content; gap: 48px; background: transparent; animation: logo-slide 100s linear infinite}
.s52{flex: 0 0 auto; height: 72px; display: flex; align-items: center; justify-content: center; background: transparent}
.s53{display: block; max-height: 50px; max-width: 198px; width: auto; height: auto}
.s54{padding: 96px 64px 64px 64px}
.s55{display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start}
.s56{top: 0; z-index: 2; background: #ffffff; padding: 24px 0; margin-top: -24px; flex: 1 1 340px; display: flex; flex-direction: column; gap: 24px}
.s57{display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #2a5adf}
.s58{margin: 0; font-size: 34px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em}
.s59{margin: 0; font-size: 15px; line-height: 1.6; color: #4b5565}
.s60{display: flex; flex-direction: column; gap: 14px; margin-top: 8px; font-size: 15px}
.s61{display: flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 500; transition: color 0.2s; font-size: 14px}
.s62{color: #2a5adf; transition: opacity 0.2s; line-height: 1}
.s63{display: inline-flex; align-items: center; font-family: inherit; font-size: 14px; font-weight: 500; color: #ffffff; background: #10151f; border: none; padding: 13px 26px; border-radius: 999px; cursor: pointer; margin-top: 8px}
.s63:hover{background: #1e2836}
.s64{flex: 100 1 552px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.s65{background: #eef1f7; border-radius: 18px; padding: 32px 36px}
.s66{display: flex; flex-wrap: wrap; gap: 28px; align-items: stretch}
.s67{flex: 1 1 300px; min-width: 250px; display: flex; flex-direction: column; gap: 18px}
.s68{font-size: 22px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.25}
.s69{margin: 0; font-size: 14px; line-height: 1.65; color: #2c3444}
.s70{align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #2a5adf; text-decoration: none; transition: gap 0.15s}
.s70:hover{gap: 12px}
.s71{line-height: 1}
.s72{flex: 1 1 240px; min-width: 220px; min-height: 200px; display: flex}
.s73{padding: 24px}
.s74{background: #0e1726; border-radius: 22px; padding: 80px 64px; display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start}
.s75{flex: 1 1 300px; display: flex; flex-direction: column; gap: 20px}
.s76{display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #9db4e8}
.s77{margin: 0; font-size: 36px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em; color: #ffffff}
.s78{margin: 0; font-size: 15px; line-height: 1.65; color: rgba(255,255,255,0.7)}
.s79{display: inline-flex; align-items: center; font-family: inherit; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; border: none; padding: 13px 26px; border-radius: 999px; cursor: pointer; margin-top: 8px}
.s79:hover{background: #e8ecf4}
.s80{flex: 100 1 480px; min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px}
.s81{background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 36px; transition: background 0.25s ease, border-color 0.25s ease}
.s82{display: block; width: 24px; height: 24px; transition: stroke 0.25s ease}
.s83{font-size: 17px; font-weight: 500; margin-bottom: 8px; color: #ffffff; transition: color 0.25s ease}
.s84{font-size: 14px; line-height: 1.55; color: rgba(255,255,255,0.7); transition: color 0.25s ease}
.s85{display: block; width: 24px; transition: stroke 0.25s ease}
.s86{padding: 72px 64px}
.s87{display: flex; flex-direction: column; gap: 40px}
.s88{max-width: 640px; display: flex; flex-direction: column; gap: 20px}
.s89{margin: 0; font-size: 34px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em; width: 704px; height: 40px}
.s90{margin: 0; font-size: 16px; line-height: 1.6; color: #4b5565}
.s91{display: flex; flex-wrap: wrap; gap: 16px}
.s92{flex: 1 1 300px; min-width: 260px; background: #eef1f7; border: 1px solid #e8ecf4; border-radius: 18px; padding: 16px 16px 24px 16px; display: flex; flex-direction: column; gap: 16px; text-decoration: none; color: #10151f; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}
.s92:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s93{height: 180px; display: flex}
.s94{padding: 0 10px; display: flex; flex-direction: column; gap: 10px; flex: 1}
.s95{font-size: 18px; font-weight: 500; letter-spacing: -0.01em}
.s96{font-size: 13.5px; line-height: 1.6; color: #4b5565; flex: 1}
.s97{display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #2a5adf}
.s98{display: flex; flex-wrap: wrap; gap: 48px; align-items: center}
.s99{flex: 1 1 380px; display: flex; flex-direction: column; gap: 20px}
.s100{margin: 0; font-size: 15px; line-height: 1.65; color: #4b5565}
.s101{display: flex; flex-wrap: wrap; gap: 32px 48px; margin-top: 8px}
.s102{display: flex; flex-direction: column; gap: 6px}
.s103{font-size: 42px; font-weight: 500; letter-spacing: -0.02em; line-height: 1}
.s104{font-size: 13.5px; color: #6b7585}
.s105{display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; color: #ffffff; background: #10151f; text-decoration: none; padding: 13px 26px; border-radius: 999px; margin-top: 8px}
.s105:hover{background: #1e2836}
.s106{flex: 1 1 420px; min-width: 280px; height: 420px; display: flex}
.s107{padding: 24px 64px 72px 64px}
.s108{flex: 1 1 380px; min-width: 300px; max-width: 400px; background: #eef1f7; border: 1px solid #e8ecf4; border-radius: 18px; padding: 16px 16px 24px 16px; display: flex; flex-direction: column; gap: 16px; text-decoration: none; color: #10151f; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}
.s108:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s109{height: 260px; display: flex}
.s110{padding: 0 24px 24px 24px}
.s111{position: relative; border-radius: 22px; padding: 48px 44px; min-height: 420px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 18px}
.s112{position: absolute; inset: 0; border-radius: 22px; background: rgba(10,16,28,0.55); pointer-events: none}
.s113{position: relative; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #9db4e8}
.s114{position: relative; margin: 0; font-size: 34px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em; color: #ffffff; max-width: 620px}
.s115{position: relative; margin: 0; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.78); max-width: 520px}
.s116{position: relative; display: inline-flex; align-items: center; margin-top: 10px; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; text-decoration: none; padding: 13px 28px; border-radius: 999px}
.s116:hover{background: #e8ecf4}
.s117{border-top: 1px solid #e8ecf4; padding: 56px 40px 28px 40px}
.s118{display: flex; flex-wrap: wrap; gap: 40px 48px; align-items: flex-start}
.s119{flex: 1.4 1 280px; display: flex; flex-direction: column; gap: 18px}
.s120{align-self: flex-start; display: block; line-height: 0}
.s121{display: block; height: 44px; width: auto}
.s122{margin: 0; font-size: 13px; line-height: 1.6; color: #6b7585; max-width: 380px}
.s123{flex: 3 1 560px; display: flex; flex-wrap: wrap; gap: 32px 24px}
.s124{flex: 1 1 150px; display: flex; flex-direction: column; gap: 14px}
.s125{font-size: 13px; font-weight: 500; color: #6b7585}
.s126{font-size: 13px; color: #4b5565; text-decoration: none; transition: color 0.15s}
.s126:hover{color: #2a5adf }
.s127{margin-top: 40px; padding-top: 24px; border-top: 1px solid #e8ecf4; font-size: 13px; color: #6b7585}
.s128{position: relative; min-height: 640px; pointer-events: none}
.s129{position: absolute; left: 48px; right: 48px; bottom: 48px; pointer-events: none}
.s130{max-width: 680px}
.s131{margin: 0 0 18px 0; font-size: 52px; line-height: 1.12; font-weight: 500; letter-spacing: -0.02em; color: #ffffff}
.s132{margin: 0 0 14px 0; font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.85); max-width: 600px}
.s133{margin: 0 0 28px 0; font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.85); max-width: 600px}
.s134{display: flex; flex-wrap: wrap; gap: 12px; pointer-events: auto}
.s135{display: inline-flex; align-items: center; font-family: inherit; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; border: none; padding: 13px 26px; border-radius: 999px; cursor: pointer}
.s135:hover{background: #e8ecf4}
.s136{display: inline-flex; align-items: center; gap: 8px; font-family: inherit; font-size: 14px; font-weight: 500; color: #ffffff; background: transparent; border: 1px solid rgba(255,255,255,0.35); text-decoration: none; padding: 13px 26px; border-radius: 999px; cursor: pointer; transition: background 0.15s, border-color 0.15s}
.s136:hover{background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.6)}
.s137{padding: 64px}
.s138{display: flex; flex-wrap: wrap; gap: 20px}
.s139{flex: 1.4 1 400px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.s140{flex: 1; background: #eef1f7; border-radius: 18px; padding: 32px 36px; display: flex; flex-direction: column; justify-content: center; gap: 12px}
.s141{font-size: 20px; font-weight: 500; letter-spacing: -0.01em}
.s142{margin: 0; font-size: 14.5px; line-height: 1.65; color: #4b5565}
.s143{flex: 1 1 320px; min-width: 260px; min-height: 340px; display: flex}
.s144{background: #0e1726; border-radius: 22px; padding: 64px; display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start}
.s145{margin: 0; font-size: 34px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em; color: #ffffff}
.s146{border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 36px; transition: background 0.25s ease, border-color 0.25s ease}
.s147{font-size: 17px; font-weight: 500; margin-bottom: 8px; transition: color 0.25s ease}
.s148{font-size: 14px; line-height: 1.55; transition: color 0.25s ease}
.s149{background: #eef1f7; border-radius: 22px; padding: 64px}
.s150{top: 0; z-index: 2; background: #eef1f7; padding: 24px 0; margin-top: -24px; flex: 1 1 320px; display: flex; flex-direction: column; gap: 20px}
.s151{flex: 100 1 560px; min-width: 0}
.s152{display: flex; flex-direction: column}
.s153{display: flex; gap: 24px}
.s154{flex: 0 0 56px; text-align: right; font-size: 16px; font-weight: 600; color: #2a5adf; padding-top: 22px}
.s155{display: flex; flex-direction: column; align-items: center; padding-top: 28px}
.s156{width: 11px; height: 11px; border-radius: 50%; background: #2a5adf; flex-shrink: 0}
.s157{width: 2px; flex: 1; background: #d5dcea}
.s158{flex: 1; min-width: 0; padding-bottom: 14px}
.s159{background: #ffffff; border: 1px solid #e8ecf4; border-radius: 16px; padding: 24px 28px; display: flex; flex-wrap: nowrap; gap: 20px 28px; align-items: stretch}
.s160{flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 8px}
.s161{font-size: 16px; font-weight: 500}
.s162{font-size: 14px; line-height: 1.55; color: #4b5565}
.s163{flex: 0 0 200px; min-height: 150px; display: flex}
.s164{width: 2px; flex: 1; background: transparent}
.s165{white-space: pre-wrap}
.s166{display: flex; gap: 16px; overflow-x: auto; padding: 20px 4px 6px 4px}
.s167{position: relative; min-height: 560px; pointer-events: none}
.s168{display: inline-flex; align-items: center; font-family: inherit; font-size: 14px; font-weight: 500; color: #ffffff; background: transparent; border: 1px solid rgba(255,255,255,0.35); padding: 13px 26px; border-radius: 999px; cursor: pointer; transition: background 0.15s, border-color 0.15s}
.s168:hover{background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.6)}
.s169{max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px}
.s170{display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; font-weight: 500; color: #2a5adf}
.s171{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px}
.s172{background: #eef1f7; border-radius: 18px; padding: 16px; display: flex; flex-direction: column; gap: 14px}
.s173{width: 100%; aspect-ratio: 1 / 1; display: flex}
.s174{padding: 0 8px 8px 8px}
.s175{font-size: 16px; font-weight: 500; margin-bottom: 4px}
.s176{font-size: 13px; color: #2a5adf; font-weight: 500}
.s177{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px}
.s178{font-size: 22px; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 6px}
.s179{font-size: 13.5px; line-height: 1.55; color: #6b7585; max-width: 560px}
.s180{display: flex; gap: 8px; flex-shrink: 0}
.s181{width: 38px; height: 38px; border-radius: 50%; border: 1px solid #dfe4ee; background: #ffffff; cursor: pointer; display: flex; align-items: center; justify-content: center}
.s181:hover{background: #e4eaf6}
.s182{flex: 0 0 190px; background: transparent; border: 1px solid #d5dcea; border-radius: 16px; padding: 12px; display: flex; flex-direction: column; gap: 10px}
.s183{padding: 0 4px 6px 4px}
.s184{font-size: 14px; font-weight: 500; line-height: 1.3; margin-bottom: 3px}
.s185{font-size: 12.5px; color: #2a5adf; font-weight: 500}
.s186{display: flex; gap: 20px; overflow-x: auto; cursor: grab; scrollbar-width: none; -ms-overflow-style: none; padding: 4px}
.s187{display: flex; gap: 20px; align-items: baseline; padding: 16px 24px; border-bottom: 1px solid #eef1f7; transition: background 0.15s ease, padding 0.15s ease}
.s187:hover{background: #e4eaf6; padding-left: 30px; padding-right: 18px}
.s188{flex: 1 1 300px; font-size: 14px; font-weight: 500; line-height: 1.45; transition: color 0.15s ease}
.s189{pointer-events: auto; display: inline-flex; align-items: center; font-family: inherit; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; border: none; padding: 13px 26px; border-radius: 999px; cursor: pointer}
.s189:hover{background: #e8ecf4}
.s190{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px}
.s191{flex: 0 0 420px; background: #eef1f7; border: 1px solid #e8ecf4; border-radius: 18px; padding: 30px 34px; display: flex; flex-direction: column; gap: 18px; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}
.s191:hover{background: #e4eaf6 ; border-color: #b9c8e8 ; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s192{display: flex; align-items: center; justify-content: space-between; gap: 16px}
.s193{font-size: 18px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3}
.s194{flex-shrink: 0; font-size: 13px; font-weight: 600; color: #2a5adf; background: #ffffff; border: 1px solid #e8ecf4; border-radius: 999px; padding: 6px 14px}
.s195{font-size: 14px; line-height: 1.6; color: #4b5565}
.s196{display: flex; flex-direction: column; gap: 8px; border-top: 1px solid #dfe4ee; padding-top: 16px}
.s197{display: flex; gap: 10px; font-size: 13.5px}
.s198{flex: 0 0 92px; color: #6b7585}
.s199{color: #10151f; font-weight: 500}
.s200{color: #10151f}
.s201{flex: 100 1 560px; min-width: 0; display: flex; flex-direction: column}
.s202{display: flex; gap: 20px; padding: 0 24px 14px 24px; font-size: 12.5px; font-weight: 500; color: #6b7585; text-transform: uppercase; letter-spacing: 0.05em}
.s203{flex: 1 1 300px}
.s204{flex: 0 1 200px}
.s205{flex: 0 0 84px; text-align: right}
.s206{background: #ffffff; border: 1px solid #e8ecf4; border-radius: 16px; overflow: hidden}
.s207{flex: 0 1 200px; font-size: 13.5px; color: #4b5565}
.s208{flex: 0 0 84px; text-align: right; font-size: 13.5px; color: #6b7585}
.s209{position: relative; margin: 0; font-size: 34px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em; color: #ffffff; max-width: 680px}
.s210{position: relative; margin: 0; font-size: 15px; line-height: 1.65; color: rgba(255,255,255,0.75); max-width: 640px}
.s211{display: flex; gap: 16px; overflow-x: auto; cursor: grab; scrollbar-width: none; -ms-overflow-style: none; padding: 4px}
.s212{flex: 1 1 320px; font-size: 14px; font-weight: 500; line-height: 1.45; transition: color 0.15s ease}
.s213{flex: 0 0 300px; background: #eef1f7; border: 1px solid #e8ecf4; border-radius: 16px; padding: 26px 28px; display: flex; flex-direction: column; gap: 14px; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}
.s213:hover{background: #e4eaf6 ; border-color: #b9c8e8 ; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s214{font-size: 15.5px; font-weight: 500; line-height: 1.35}
.s215{font-size: 13.5px; line-height: 1.55; color: #4b5565}
.s216{flex: 1 1 320px}
.s217{flex: 0 0 110px; text-align: right; white-space: nowrap}
.s218{flex: 0 0 110px; text-align: right; font-size: 13.5px; color: #6b7585}
.s219{position: relative; margin: 0; font-size: 15px; line-height: 1.65; color: rgba(255,255,255,0.75); max-width: 620px}
.s220{pointer-events: auto; display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; text-decoration: none; padding: 13px 28px; border-radius: 999px}
.s220:hover{background: #e8ecf4}
.s221{padding: 24px 24px 24px 24px}
.s222{color: #2a5adf; font-size: 20px; font-weight: 400; display: inline-block; transition: transform 0.2s ease}
.s223{position: absolute; left: 48px; right: 48px; bottom: 48px; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; pointer-events: none}
.s224{max-width: 640px}
.s225{margin: 0 0 28px 0; font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.85); max-width: 540px}
.s226{padding: 96px 64px 48px 64px}
.s227{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; margin-bottom: 56px}
.s228{margin: 0; font-size: 38px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em; max-width: 640px}
.s229{margin: 0; font-size: 16px; line-height: 1.6; color: #4b5565; max-width: 620px}
.s230{display: inline-flex; align-items: center; margin-top: 12px; font-size: 14px; font-weight: 500; color: #ffffff; background: #10151f; text-decoration: none; padding: 13px 26px; border-radius: 999px}
.s230:hover{background: #1e2836}
.s231{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px}
.s232{background: #eef1f7; border-radius: 18px; padding: 28px 24px; display: flex; flex-direction: column; gap: 40px; transition: background 0.2s ease}
.s232:hover{background: #e4eaf6 }
.s233{width: 40px; height: 40px; border-radius: 50%; background: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; color: #2a5adf}
.s234{font-size: 18px; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 8px}
.s235{font-size: 22px; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 8px}
.s236{font-size: 14px; line-height: 1.6; color: #4b5565; margin-bottom: 20px}
.s237{flex: 1 1 300px; min-width: 250px}
.s238{font-size: 14px; font-weight: 500; letter-spacing: 0.06em; text-transform: capitalize; color: #000000; margin-bottom: 12px}
.s239{margin: 0; padding: 0 0 0 18px; display: grid; grid-template-columns: 1fr; gap: 8px; font-size: 14px; line-height: 1.5; color: #2c3444}
.s240{font-size: 13px}
.s241{flex: 1 1 240px; min-width: 220px; min-height: 220px; display: flex}
.s242{margin: 0; padding: 0 0 0 18px; display: grid; grid-template-columns: 1fr; gap: 8px; font-size: 13px; line-height: 1.5; color: #2c3444}
.s243{transition: fill 0.25s ease}
.s244{flex: 1 1 280px; display: flex; flex-direction: column; gap: 20px}
.s245{margin: 0; font-size: 36px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em}
.s246{flex: 100 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 12px}
.s247{background: #eef1f7; border: 1px solid transparent; border-radius: 14px; padding: 0 28px; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease}
.s247:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12); transform: translateY(-2px)}
.s248{list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; font-size: 16px; font-weight: 500}
.s249{padding: 0 0 22px 0; font-size: 14.5px; line-height: 1.6; color: #4b5565; max-width: 640px}
.s250{pointer-events: auto; display: inline-flex; align-items: center; margin-left: 12px; font-family: inherit; font-size: 14px; font-weight: 500; color: #ffffff; background: transparent; border: 1px solid rgba(255,255,255,0.55); text-decoration: none; padding: 12px 26px; border-radius: 999px; cursor: pointer; transition: background 0.15s, border-color 0.15s}
.s250:hover{background: rgba(255,255,255,0.12); border-color: #ffffff}
.s251{flex: 0 0 340px; background: #eef1f7; border: 1px solid #e8ecf4; border-radius: 18px; padding: 16px 16px 24px 16px; display: flex; flex-direction: column; gap: 16px; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}
.s251:hover{background: #e4eaf6 ; border-color: #b9c8e8 ; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s252{padding: 0 10px; display: flex; flex-direction: column; gap: 12px; flex: 1}
.s253{align-self: flex-start; font-size: 11.5px; font-weight: 500; letter-spacing: 0.04em; color: #2a5adf; background: #ffffff; border-radius: 999px; padding: 5px 12px}
.s254{font-size: 17px; font-weight: 500; letter-spacing: -0.01em}
.s255{display: flex; flex-direction: column; gap: 4px}
.s256{font-size: 12.5px; font-weight: 500; color: #6b7585}
.s257{font-size: 13.5px; line-height: 1.5; color: #2c3444}
.s258{font-size: 13.5px; line-height: 1.55; color: #2c3444}
.s259{font-size: 22px; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 20px}
.s260{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px}
.s261{background: #eef1f7; border-radius: 14px; padding: 0 28px}
.s262{color: #2a5adf; font-size: 20px; font-weight: 400}
.s263{flex: 1 1 420px; min-width: 0; max-width: 600px; background: #eef1f7; border: 1px solid #e8ecf4; border-radius: 18px; padding: 16px; display: flex; flex-direction: column; gap: 18px}
.s264{height: 240px; display: flex}
.s265{padding: 0 12px 12px 12px; display: flex; flex-direction: column; gap: 16px}
.s266{font-size: 14px; line-height: 1.5; color: #2c3444}
.s267{font-size: 14px; line-height: 1.55; color: #2c3444}
.s268{flex: 1 1 100%; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 32px; display: flex; flex-direction: column; gap: 20px}
.s269{display: grid; grid-template-columns: 1fr 1fr; gap: 16px}
.s270{background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 14px; transition: background 0.25s ease, border-color 0.25s ease}
.s271{height: 200px; display: flex}
.s272{font-size: 16px; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 6px; color: #ffffff; transition: color 0.25s ease}
.s273{flex: 1; display: flex; gap: 16px; align-items: center; background: #e4eaf6; border: 1px solid #b9c8e8; border-radius: 16px; padding: 18px 20px; text-decoration: none; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s}
.s273:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s274{font-size: 14px; font-weight: 500; color: #2a5adf; transition: color 0.15s; margin-bottom: 5px}
.s275{max-width: 660px}
.s276{pointer-events: auto; display: inline-flex; align-items: center; margin-left: 12px; font-size: 14px; font-weight: 500; color: #ffffff; background: transparent; border: 1px solid rgba(255,255,255,0.55); text-decoration: none; padding: 12px 26px; border-radius: 999px; transition: background 0.15s, border-color 0.15s}
.s276:hover{background: rgba(255,255,255,0.12); border-color: #ffffff}
.s277{margin: 0 0 20px 0; font-size: 14px; line-height: 1.6; color: #4b5565}
.s278{margin: 16px 0 0 0; font-size: 13px; line-height: 1.6; color: #4b5565}
.s279{position: relative; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 10px}
.s280{display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; text-decoration: none; padding: 13px 28px; border-radius: 999px}
.s280:hover{background: #e8ecf4}
.s281{display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; color: #ffffff; background: transparent; border: 1px solid rgba(255,255,255,0.55); text-decoration: none; padding: 12px 28px; border-radius: 999px; transition: background 0.15s, border-color 0.15s}
.s281:hover{background: rgba(255,255,255,0.12); border-color: #ffffff}
.s282{font-size: 13px; color: #2a5adf; text-decoration: none; transition: color 0.15s}
.s282:hover{color: #2a5adf }
.s283{color: #2a5adf; text-decoration: none}
.s284{font-size: 13px; padding-left: 4px}
.s285{display: flex; flex-wrap: wrap; gap: 12px; align-items: center}
.s286{pointer-events: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #ffffff; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.35); text-decoration: none; padding: 12px 26px; border-radius: 999px; backdrop-filter: blur(8px)}
.s286:hover{background: rgba(255,255,255,0.24); color: #ffffff }
.s287{flex: 1 1 440px; min-width: 300px; display: flex; flex-direction: column; gap: 32px}
.s288{display: flex; flex-direction: column; gap: 20px}
.s289{display: flex; flex-direction: column; gap: 14px; width: 100%}
.s290{position: relative; width: 100%; height: 320px; overflow: hidden; border-radius: 16px}
.s291{display: flex; height: 100%; transition: transform 0.35s ease}
.s292{flex: 0 0 100%; height: 100%; display: flex}
.s293{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); z-index: 2; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #dfe4ee; background: rgba(255,255,255,0.92); box-shadow: 0 2px 8px rgba(16,21,31,0.15); cursor: pointer; display: flex; align-items: center; justify-content: center}
.s293:hover{background: #ffffff}
.s294{position: absolute; right: 12px; top: 50%; transform: translateY(-50%); z-index: 2; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #dfe4ee; background: rgba(255,255,255,0.92); box-shadow: 0 2px 8px rgba(16,21,31,0.15); cursor: pointer; display: flex; align-items: center; justify-content: center}
.s294:hover{background: #ffffff}
.s295{display: flex; gap: 10px}
.s296{position: relative; width: 96px; height: 64px; border-radius: 10px; overflow: hidden; cursor: pointer; transition: opacity 0.2s, border-color 0.2s; display: flex}
.s297{position: absolute; inset: 0; z-index: 1}
.s298{flex: 1 1 440px; min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px}
.s299{background: #eef1f7; border: 1px solid transparent; border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 32px; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease}
.s299:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12); transform: translateY(-2px)}
.s300{font-size: 17px; font-weight: 500; margin-bottom: 8px}
.s301{display: flex; flex-direction: column; gap: 12px}
.s302{align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font-family: inherit; font-size: 14px; font-weight: 500; color: #2a5adf; background: none; border: none; padding: 0; cursor: pointer; text-align: left}
.s302:hover{color: #1e46b8}
.s303{padding: 0 64px 64px 64px}
.s304{max-width: 720px; display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px}
.s305{background: #f4f6fa; border: 1px solid #e8ecf4; border-radius: 16px; padding: 22px; display: flex; flex-direction: column; gap: 14px; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}
.s305:hover{background: #e4eaf6; border-color: #b9c8e8; box-shadow: 0 6px 18px rgba(42,90,223,0.12)}
.s306{font-size: 16px; font-weight: 500; margin-bottom: 6px}
.s307{font-size: 12px; line-height: 1.5; color: #6b7585; font-style: italic; margin-top: 8px}
.s308{flex: 1 1 300px; min-width: 260px; background: #eef1f7; border-radius: 18px; padding: 26px; display: flex; flex-direction: column; gap: 16px}
.s309{height: 220px; display: flex}
.s310{font-size: 18px; font-weight: 500; margin-bottom: 8px}
.s311{align-self: flex-start; display: inline-flex; align-items: center; margin-top: 6px; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; text-decoration: none; padding: 13px 28px; border-radius: 999px}
.s311:hover{background: #e8ecf4; color: #10151f }
.s312{flex: 100 1 480px; min-width: 0; min-height: 340px; align-self: stretch; display: flex}
.s313{flex: 1 1 100%; min-width: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 16px}
.s314{background: #eef1f7; border-radius: 22px; padding: 80px 64px}
.s315{flex: 1 1 320px; display: flex; flex-direction: column; gap: 20px}
.s316{display: flex; margin-top: 6px}
.s317{display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; color: #ffffff; background: #10151f; text-decoration: none; padding: 13px 28px; border-radius: 999px}
.s317:hover{background: #2a3244; color: #ffffff }
.s318{flex: 100 1 520px; min-width: 0; display: grid; grid-template-columns: 1fr; gap: 16px}
.s319{background: #ffffff; border: 1px solid #e8ecf4; border-radius: 16px; padding: 24px 28px; display: flex; flex-direction: column; gap: 12px}
.s320{align-self: flex-start; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: capitalize; color: #2a5adf; background: #e4eaf6; padding: 4px 10px; border-radius: 999px}
.s321{letter-spacing: 0.66px}
.s322{position: relative; margin: 0; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.78); max-width: 540px}
.s323{position: relative; display: inline-flex; align-items: center; margin-top: 10px; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; text-decoration: none; padding: 13px 28px; border-radius: 999px}
.s323:hover{background: #e8ecf4; color: #10151f }
.s324{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px}
.s325{height: 160px; display: flex; justify-content: center}
.s326{display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; color: #10151f; background: #ffffff; text-decoration: none; padding: 13px 28px; border-radius: 999px}
.s326:hover{background: #dfe6f3; color: #10151f }
.s327{background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 36px}
.s328{display: block; width: 24px}
.s329{font-size: 17px; font-weight: 500; margin-bottom: 8px; color: #ffffff}
.s330{font-size: 14px; line-height: 1.55; color: rgba(255,255,255,0.7)}
.s331{align-self: flex-start; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: capitalize; color: #2a5adf; background: #e4eaf6; padding: 4px 10px; border-radius: 999px}
.s332{position: relative; margin: 0; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.78); max-width: 560px}
.img-slot--bg{position:absolute;inset:0;border-radius:inherit;min-height:0}