.phases{--col-gap:2rem;--row-gap:2rem;--line-w:0.25rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);list-style:none;width:min(80rem,90%);margin-inline:auto}.phases:before{content:"";grid-column:1;grid-row:1/span 20;background:#e1e1e1;border-radius:calc(var(--line-w) / 2)}.phases li:not(:last-child){margin-bottom:var(--row-gap)}.phases li{grid-column:2;--inlineP:1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content}.phases li .date{--dateH:3rem;height:var(--dateH);margin-inline:calc(var(--inlineP) * -1);text-align:center;background-color:var(--accent-color);color:#fff;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2)}.phases li .date:before{content:"";width:var(--inlineP);aspect-ratio:1;background:var(--accent-color);background-image:linear-gradient(rgba(0,0,0,.2) 100%,transparent);position:absolute;top:100%;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);right:0}.phases li .date:after{content:"";position:absolute;width:2rem;aspect-ratio:1;background:var(--bgColor);border:.3rem solid var(--accent-color);border-radius:50%;top:50%;transform:translate(50%,-50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}.phases li .descr,.phases li .title{background:#fff;position:relative;padding-inline:1.5rem}.phases li .title{overflow:hidden;padding-block-start:1.5rem;padding-block-end:1rem;font-weight:500}.phases li .descr{padding-block-end:1.5rem;font-weight:300;line-height:1.5rem;text-align:justify}.phases li .descr:before,.phases li .title:before{content:"";position:absolute;width:90%;height:.5rem;background:rgba(0,0,0,.5);left:50%;border-radius:50%;filter:blur(4px);transform:translate(-50%,50%)}.phases li .title:before{bottom:calc(100% + .125rem)}.phases li .descr:before{z-index:-1;bottom:.25rem}@media (min-width:40rem){.phases{grid-template-columns:1fr var(--line-w) 1fr}.phases:before{grid-column:2}.phases li:nth-child(odd){grid-column:1}.phases li:nth-child(2n){grid-column:3}.phases li:nth-child(2){grid-row:2/4}.phases li:nth-child(odd) .date:before{-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%);left:0}.phases li:nth-child(odd) .date:after{transform:translate(-50%,-50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}.phases li:nth-child(odd) .date{border-radius:0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0}}.credits{margin-top:1rem;text-align:right}.credits a{color:var(--color)}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(1.1)}}.animate-zoom-out{animation:zoomOut .5s ease-in-out forwards}:root{--content-width:calc(40vw - 84px);--margin:20px;--spacing:20px;--bdrs:6px;--circle-size:40px;--icon-size:32px;--bdrs-icon:100%;--color1:#9251ac;--color2:#f6a4ec;--color3:#87bbfe;--color4:#555ac0;--color5:#24b47e;--color6:#aff1b6}.timeline{flex-direction:column;margin:var(--margin) auto}.timeline,.timeline__event{display:flex;position:relative}.timeline__event{margin:var(--spacing) 0;border-radius:var(--bdrs);align-self:center;width:75vw}.timeline__event:nth-child(odd){flex-direction:row-reverse}.timeline__event__date{color:var(--color2);font-size:1.5rem;font-weight:600;background:var(--color1);display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 var(--spacing);border-radius:var(--bdrs) 0 0 var(--bdrs)}.timeline__event__content{padding:var(--spacing);background:#fff;border-radius:0 var(--bdrs) var(--bdrs) 0}.timeline__event__content,.timeline__event__icon{box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025)}.timeline__event__icon{display:flex;align-items:center;justify-content:center;color:var(--color1);align-self:center;margin:0 var(--spacing);background:var(--color2);border-radius:var(--bdrs-icon);width:var(--circle-size);padding:40px;height:var(--circle-size);position:relative}.timeline__event__icon:before{width:2px;height:100%;top:0;left:50%;transform:translateX(-50%);animation:fillTop 2s ease-in-out 4s forwards}.timeline__event__icon:after,.timeline__event__icon:before{content:"";background:var(--color2);position:absolute;z-index:-1}.timeline__event__icon:after{width:100%;height:2px;left:0;top:50%;transform:translateY(-50%);animation:fillLeftOdd 2s ease-in-out 4s forwards}.timeline__event__title{font-size:1.2rem;line-height:1.4;text-transform:uppercase;font-weight:600;color:var(--color1);letter-spacing:1.5px}.timeline__event__description{flex-basis:100%}.timeline__event--type1{background:var(--color1)}.timeline__event--type2{background:var(--color4)}.timeline__event--type2 .timeline__event__date{color:var(--color3);background:var(--color4)}.timeline__event--type2:nth-child(odd) .timeline__event__icon:after,.timeline__event--type2:nth-child(odd) .timeline__event__icon:before{background:var(--color3)}.timeline__event--type2 .timeline__event__icon{background:var(--color3);color:var(--color4)}.timeline__event--type2 .timeline__event__title{color:var(--color4)}.timeline__event--type3{background:var(--color5)}.timeline__event--type3 .timeline__event__date{color:var(--color6);background:var(--color5)}.timeline__event--type3:nth-child(odd) .timeline__event__icon:after,.timeline__event--type3:nth-child(odd) .timeline__event__icon:before{background-color:var(--color6)}.timeline__event--type3 .timeline__event__icon{background:var(--color6);color:var(--color5)}.timeline__event--type3 .timeline__event__title{color:var(--color5)}.timeline__event:last-child .timeline__event__icon:before{content:none}@media (max-width:786px){.timeline__event{flex-direction:column;align-self:center;width:auto}.timeline__event__content{width:100%}.timeline__event__icon{border-radius:var(--bdrs) var(--bdrs) 0 0;width:100%;margin:0;box-shadow:none}.timeline__event__icon:after,.timeline__event__icon:before{display:none}.timeline__event__date{border-radius:0;padding:var(--spacing)}.timeline__event:nth-child(odd){flex-direction:column;align-self:center}}.service-item{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.service-title{font-weight:700;margin-bottom:5px}.service-description{color:#666}.service-item:nth-child(2n){background-color:#eaeaea}.cards{border-radius:10px;filter:drop-shadow(0 5px 10px 0 #ffffff);background-color:#fff;padding:20px;margin:10px;position:relative;z-index:0;overflow:hidden;transition:.6s ease-in}.cards:before{content:"";position:absolute;z-index:-1;top:-15px;right:-15px;background:#59cbf1;height:100%;width:20px;border-radius:32px;transform:scale(1);transform-origin:50% 50%;transition:transform .25s ease-out}.cards:hover:before{transition-delay:.2s;transform:scale(40)}.cards:hover{color:#fff}.cards p{padding:10px 0;line-height:1.5rem}.software-container{display:flex;flex-wrap:wrap;justify-content:center}.software{text-align:center;margin:20px}.software-icon{width:100px;height:100px}.software-name{display:block;margin-top:10px;font-weight:700;font-size:16px}@media (min-width:991px){.services-container{margin:20px}.cards{width:45%;height:200px}.cards:before{height:220px;width:40px}}