.DataExtractionWorksSection{background-color:#141414;width:100%;.container{align-items:center;display:flex;flex-direction:row;gap:24px;margin:0 auto;max-width:1439px;padding:150px 32px;width:100%;.top-content{align-items:flex-end;display:flex;flex:1;.left-content{display:flex;flex-direction:column;gap:40px;width:100%;.section-tagline{align-items:center;display:flex;gap:8px;width:100%;.icon{display:flex;width:16px}.text{color:#fff;font-family:IBM Plex Mono;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.section-title{color:#fff;font-family:Manrope;font-size:40px;font-style:normal;font-weight:500;letter-spacing:-1.2px;line-height:110%;max-width:386px}}.right-content{width:calc(33% - 24px);.desc{color:#fff;font-family:Manrope;font-size:16px;font-style:normal;font-weight:500;line-height:150%}}}.main-content{flex:1;.desktop{display:block}.mobile{display:none}img{width:100%}}.bottom-content{flex:1;padding:24px;.list{li{align-items:flex-start;display:flex;gap:24px;position:relative;&:not(:last-child){padding-bottom:40px;&:after{background:linear-gradient(to bottom,var(--box-color),var(--next-color));content:"";height:calc(100% - 40px);left:19px;position:absolute;top:40px;width:1px}}.number{align-items:center;border:1px solid var(--box-color,#fff);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;width:40px}.number,.text{font-family:Manrope}.text{align-self:center;color:#c2c2c2;display:block;flex:1;font-size:14px;font-weight:600;height:100%;line-height:160%;margin-top:-2px}}}}}@media screen and (max-width:600px){.container{flex-direction:column;gap:40px;padding:80px 16px 40px;.top-content{flex-direction:column;gap:40px;order:1;width:100%;.left-content{gap:24px;width:100%;.section-title{font-size:36px;letter-spacing:-.02em;max-width:none}}.right-content{width:100%;.desc{font-size:14px}}}.main-content{order:3;.desktop{display:none}.mobile{display:block}}.bottom-content{order:2;padding:24px 0;.number{font-size:14px}}}}@media screen and (min-width:600px) and (max-width:1200px){.container{flex-wrap:wrap;gap:24px;padding:80px 24px;.top-content{flex:unset;flex-direction:column;gap:24px;margin-bottom:56px;max-width:100%;width:100%;.left-content{gap:24px;margin-left:0;margin-right:auto;max-width:493px;width:100%;.section-title{font-size:36px;letter-spacing:-.025em;max-width:none}}.right-content{width:100%;.desc{font-size:14px}}}.main-content{flex:unset;max-width:234px;width:100%}.bottom-content{flex:1;padding:0;.number{font-size:14px}}}}}