.services-diagram{padding:108px 0;background:#000;color:#fff;position:relative}@media(max-width:1249px){.services-diagram{padding:70px 0 100px}}.services-diagram__bg{background:no-repeat center/cover;opacity:0;transition:all .3s cubic-bezier(0.075,0.82,0.165,1)}.services-diagram__bg,.services-diagram__bgs{position:absolute;top:0;left:0;right:0;bottom:0}.services-diagram__bg_active{opacity:1}.services-diagram__title{text-align:center;margin:0 0 94px !important}@media(max-width:1249px){.services-diagram__title{margin:0 0 50px !important}}.services-diagram__container{position:relative;padding:134px 0 128px}@media(max-width:1249px){.services-diagram__container{padding:0}}.services-diagram__graph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:660px}@media(max-width:1249px){.services-diagram__graph{position:static;transform:none;margin:0 0 98px;width:100%}}.services-diagram__graph svg{width:100%}@media(max-width:1249px){.services-diagram__graph svg{margin:0 auto}}.services-diagram__graph svg #stages>g{cursor:pointer;transition:all .3s cubic-bezier(0.075,0.82,0.165,1)}.services-diagram__graph svg #stages>g:hover{opacity:.8}.services-diagram__stage{width:220px;margin:26px 0;cursor:pointer;transition:all .3s cubic-bezier(0.075,0.82,0.165,1)}.services-diagram__stages{display:flex;max-height:482px;flex-flow:column wrap;align-content:space-between;justify-content:center}@media(max-width:1249px){.services-diagram__stages{flex-flow:row nowrap;overflow-x:scroll;max-height:none;justify-content:initial}}.services-diagram__stage:hover{opacity:.8}@media(max-width:1249px){.services-diagram__stage{margin:0 52px 0 0;flex:0 0 220px}}.services-diagram__stage-num{border-top:2px solid #939393;padding:8px 0 0;font-family:Montserrat;font-style:normal;font-weight:bold;font-size:14px;line-height:30px;letter-spacing:-0.02em;text-transform:uppercase;color:#939393;margin:0 0 8px;max-width:220px}.services-diagram__stage-title{font-family:Montserrat;font-style:normal;font-weight:600;font-size:18px;line-height:30px;letter-spacing:-0.02em;max-width:220px}.services-diagram__stage-description{font-family:Roboto;font-style:normal;font-weight:500;font-size:16px;line-height:26px;letter-spacing:-0.01em}.services-diagram__stage-active{display:none;position:absolute;left:0;bottom:0;max-width:20%}@media(max-width:1249px){.services-diagram__stage-active{position:static;max-width:418px}}