.services-container{width:100dvw;height:900dvh;min-height:900dvh;z-index:3}.services-container .services-scroll-container{position:sticky;top:0;width:100%;height:100dvh;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.services-container .services-scroll-container .services-sub-container{position:relative;width:calc(100% - var(--margin-xxl) * 4);height:calc(100% - var(--margin-xxl) * 4);margin:calc(var(--margin-xxl) * 2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--gap-xxl);background:var(--bg);z-index:2}.services-container .services-scroll-container .services-sub-container .service{position:absolute;left:0;top:0;width:calc(100% - var(--padding-xxl) * 2);height:calc(100% - var(--padding-xxl) * 2);padding:var(--padding-xxl);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;background:var(--bg-inverted);border-radius:var(--border-radius-xxl);overflow:hidden;will-change:auto}.services-container .services-scroll-container .services-sub-container .service.flying{transition:none;will-change:transform}.services-container .services-scroll-container .services-sub-container .service.hidden{opacity:0;pointer-events:none;will-change:auto}.services-container .services-scroll-container .services-sub-container .service:nth-child(1){z-index:3}.services-container .services-scroll-container .services-sub-container .service:nth-child(2){z-index:4}.services-container .services-scroll-container .services-sub-container .service:nth-child(3){z-index:5}.services-container .services-scroll-container .services-sub-container .service:nth-child(4){z-index:6}.services-container .services-scroll-container .services-sub-container .service:nth-child(5){z-index:7}.services-container .services-scroll-container .services-sub-container .service:nth-child(6){z-index:8}.services-container .services-scroll-container .services-sub-container .service:nth-child(7){z-index:9}.services-container .services-scroll-container .services-sub-container .service:nth-child(8){z-index:10}.services-container .services-scroll-container .services-sub-container .service:nth-child(9){z-index:11}.services-container .services-scroll-container .services-sub-container .service:nth-child(10){z-index:12}.services-container .services-scroll-container .services-sub-container .service:nth-child(11){z-index:13}.services-container .services-scroll-container .services-sub-container .service:nth-child(12){z-index:14}.services-container .services-scroll-container .services-sub-container .service:nth-child(13){z-index:15}.services-container .services-scroll-container .services-sub-container .service:nth-child(14){z-index:16}.services-container .services-scroll-container .services-sub-container .service:nth-child(15){z-index:17}.services-container .services-scroll-container .services-sub-container .service:nth-child(16){z-index:18}.services-container .services-scroll-container .services-sub-container .service .service-sub-container{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-background{position:absolute;top:calc(var(--padding-xxl) * -1);left:calc(var(--padding-xxl) * -1);width:calc(100% + var(--padding-xxl) * 2);height:calc(100% + var(--padding-xxl) * 2);z-index:1}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-background img,.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-background video{width:100%;height:100%;object-fit:cover;filter:brightness(0.7)}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-name{max-width:50%;font-family:"Nata Sans", sans-serif;font-size:calc(var(--font-xxl) * 3);font-weight:var(--font-weight-semibold);color:var(--text-invert);line-height:100%;z-index:2}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-description{max-width:70%;margin-top:auto;font-size:calc(var(--font-l) * 1);font-weight:var(--font-weight-light);color:var(--text-invert);opacity:0.6;z-index:2}@media (max-width: 1200px){.services-container .services-scroll-container .services-sub-container{width:calc(100% - var(--margin-xxl) * 2);height:calc(100% - var(--margin-xxl) * 2);margin:calc(var(--margin-xxl))}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-name{font-size:calc(var(--font-xxl) * 2.4)}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-description{font-size:var(--font-l)}}@media (max-width: 800px){.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-name{font-size:calc(var(--font-xxl) * 2)}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-description{font-size:var(--font-m)}}@media (max-width: 600px){.services-container .services-scroll-container .services-sub-container{width:calc(100% - var(--margin-l) * 2);height:calc(100% - var(--margin-l) * 2);margin:calc(var(--margin-l))}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-name{position:absolute;max-width:100%;top:50%;left:50%;transform:translate(-50%, -50%);font-size:calc(var(--font-xxl) * 1.2);text-align:center}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-description{font-size:var(--font-m)}}