.service-layout-1 { background:#fcfdffff; border-radius:0; height:100%; margin:0; opacity:1; padding:0; width:100%; max-width:100%; }
body { background:#fcfdffff; }
.service-layout-2 { background:transparent; box-shadow:none; flex:none; }
.service-layout-3 { align-content:center; align-items:center; flex-direction:row; flex-wrap:nowrap; height:auto; justify-content:flex-start; padding:0px 0px 80px 80px; width:100%; max-width:100%; }
.service-layout-4 { align-content:flex-start; align-items:flex-start; flex:1; flex-direction:column; flex-wrap:nowrap; gap:0px; justify-content:flex-start; padding:30px; width:auto; max-width:100%; }
.service-layout-4 > * { --gap-h:0px; --gap-v:0px; }
.service-layout-5 { color:var(--corporate-accent); font-size:28px; font-weight:400; height:auto; line-height:1.4; text-align:left; width:auto; justify-content:flex-start; max-width:100%; }
.service-layout-6 { color:var(--corporate-muted); font-size:48px; font-weight:400; height:auto; line-height:1.4; margin:0px 0px 10px; text-align:left; width:auto; justify-content:flex-start; max-width:100%; }
.service-layout-7 { color:var(--corporate-ink); flex:none; font-size:18px; font-weight:300; height:auto; line-height:1.4; text-align:left; width:600px; justify-content:flex-start; max-width:100%; }
.service-layout-8 { align-content:flex-start; align-items:flex-start; border-radius:100px 0px 0px 100px; flex:1; height:600px; justify-content:flex-start; width:auto; max-width:100%; }
.service-layout-9 { color:#969696; font-family:var(--font-latin-mixed); font-size:144px; font-weight:400; height:auto; line-height:1.4; margin:0px 0px 0px -240px; position:relative; rotate:5deg; text-align:left; width:auto; justify-content:flex-start; max-width:calc(100% + 240px); }
.service-layout-10 { background:transparent; border-radius:0px; flex:none; margin:0px 0px 80px; max-width:100%; }
.service-layout-11 { align-content:center; align-items:center; flex-direction:row; flex-wrap:nowrap; gap:30px; height:auto; justify-content:flex-start; padding:0px; width:100%; max-width:100%; }
.service-layout-11 > * { --gap-h:30px; --gap-v:0px; }
.service-layout-12 { border-radius:0px 100px 100px 0px; flex:1; height:600px; width:auto; max-width:100%; }
.service-layout-13 { align-content:flex-start; align-items:flex-start; background:rgba(0,0,0,0.0); border-radius:0px; flex:none; flex-direction:column; flex-wrap:nowrap; height:auto; justify-content:flex-start; padding:30px 100px 30px 30px; width:calc(60% - (var(--gap-h) * 0.4)); max-width:calc(60% - (var(--gap-h) * 0.4)); }
.service-layout-14 { color:var(--corporate-accent); font-size:28px; font-weight:700; height:auto; line-height:1.4; text-align:left; width:auto; justify-content:flex-start; max-width:100%; }
.rich-text.service-layout-14 > h2 { font-size:20px; font-weight:300; }
.service-layout-15 { color:var(--corporate-muted); font-size:48px; height:auto; line-height:1.4; margin:0px 0px 10px; text-align:left; width:auto; justify-content:flex-start; max-width:100%; }
.rich-text.service-layout-15 > h2 { font-size:20px; font-weight:300; }
.service-layout-16 { color:var(--corporate-ink); flex:none; font-size:16px; font-weight:400; height:auto; line-height:1.4; padding:0px 0px; text-align:left; width:auto; max-width:100%; }
.rich-text.service-layout-16 > h2 { font-size:20px; font-weight:300; }
.rich-text.service-layout-16 > p { font-size:18px; font-weight:300; margin:0px; }
.service-layout-17 { background:var(--corporate-soft); border-radius:10px; color:var(--corporate-ink); font-size:14px; font-weight:400; height:auto; line-height:1.4; margin:20px 0px 0px; padding:20px; text-align:left; width:auto; justify-content:flex-start; max-width:100%; }
.rich-text.service-layout-17 > h2 { font-size:20px; font-weight:300; }
.service-layout-18 { background:transparent; flex:none; }
.service-layout-19 { align-content:center; align-items:center; flex-direction:row; flex-wrap:nowrap; height:auto; justify-content:flex-start; padding:0px 0px 0px 80px; width:100%; max-width:100%; }
.service-layout-20 { align-content:flex-start; align-items:flex-start; flex:1; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; padding:30px; width:auto; max-width:100%; }
.service-layout-21 { color:var(--corporate-accent); font-size:28px; font-weight:400; height:auto; line-height:1.4; text-align:left; width:auto; justify-content:flex-start; max-width:100%; }
.service-layout-21.appear { opacity:0; transition-delay:300ms; }
.service-layout-22 { color:var(--corporate-muted); font-size:48px; height:auto; line-height:1.4; text-align:left; width:auto; justify-content:flex-start; max-width:100%; }
.service-layout-22.appear { opacity:0; transition-delay:300ms; transition-duration:600ms; translate:0px 30px; }
.service-layout-23 { color:var(--corporate-ink); flex:none; font-size:20px; font-weight:300; height:auto; line-height:1.4; text-align:left; width:600px; justify-content:flex-start; max-width:100%; }
.service-layout-23.appear { opacity:0; transition-delay:300ms; transition-duration:600ms; translate:0px 30px; }
.service-layout-24 { align-content:flex-start; align-items:flex-start; border-radius:100px 0px 0px 100px; box-shadow:0px 0px 30px 1px rgb(238, 238, 238); flex:1; flex-direction:column; flex-wrap:nowrap; height:600px; justify-content:flex-start; width:auto; max-width:100%; }
.service-layout-25 { color:#969696; font-family:var(--font-latin-mixed); font-size:144px; font-weight:400; height:auto; line-height:1.4; margin:0px 0px 0px -200px; overflow-x:visible; overflow-y:visible; position:relative; rotate:10deg; text-align:left; width:auto; justify-content:flex-start; max-width:calc(100% + 200px); }
.service-layout-25.appear { rotate:0deg; }

@media (max-width: 768px) {
.service-layout-6 { font-size:40px; }
.service-layout-9 { font-size:50px; margin:0px 0px 0px -400px; max-width:calc(100% + 400px); }
.service-layout-13 { flex:none; padding:30px; width:calc(80% - (var(--gap-h) * 0.2)); max-width:calc(80% - (var(--gap-h) * 0.2)); }
.service-layout-15 { font-size:40px; }
.service-layout-22 { font-size:40px; }
.service-layout-25 { font-size:100px; margin:0px 0px 0px -400px; max-width:calc(100% + 400px); }
}

@media (max-width: 480px) {
.service-layout-3 { flex-direction:column-reverse; flex-wrap:nowrap; padding:0px 0px 30px; }
.service-layout-4 { flex-direction:column; flex-wrap:nowrap; }
.service-layout-4 > * { --gap-h:0px; --gap-v:0px; }
.service-layout-5 { font-size:20px; }
.service-layout-6 { font-size:24px; }
.service-layout-7 { font-size:14px; }
.service-layout-8 { display:flex; flex:none; height:200px; margin:0px 0px 0px 20px; width:calc(100% - 20px); max-width:calc(100% - 20px); }
.service-layout-9 { font-size:50px; margin:170px 0px 0px 10px; rotate:-4deg; max-width:calc(100% - 10px); }
.service-layout-10 { margin:0px 0px 30px; max-width:100%; }
.service-layout-11 { flex-direction:column; flex-wrap:nowrap; }
.service-layout-11 > * { --gap-h:0px; --gap-v:30px; }
.service-layout-12 { flex:none; height:200px; margin:0px 20px 0px 0px; width:calc(100% - 20px); max-width:calc(100% - 20px); }
.service-layout-13 { flex:none; width:100%; max-width:100%; }
.service-layout-14 { font-size:20px; }
.service-layout-15 { font-size:24px; }
.service-layout-16 { font-weight:300; }
.rich-text.service-layout-16 > p { font-size:14px; }
.service-layout-17 { font-size:12px; }
.service-layout-19 { flex-direction:column-reverse; flex-wrap:nowrap; padding:80px 0px; }
.service-layout-21 { font-size:20px; }
.service-layout-22 { font-size:22px; }
.service-layout-23 { font-size:14px; }
.service-layout-24 { display:flex; flex:none; height:200px; margin:0px 0px 0px 20px; width:calc(100% - 20px); max-width:calc(100% - 20px); }
.service-layout-25 { font-size:50px; margin:-40px 0px 0px; rotate:-10deg; max-width:100%; }
}