.vertical-timeline.vertical-timeline--two-columns{display:flex;flex-direction:column;gap:5rem 0;position:relative;z-index:1;&:before{top:7.6%;height:81%}.vertical-timeline-element{.vertical-timeline-element-icon{top:35%}position:relative;.vertical-timeline-element-icon{position:absolute;box-shadow:none;-webkit-box-shadow:none}.vertical-timeline-element-content{background:transparent;box-shadow:none;-webkit-box-shadow:none;display:flex;flex-direction:row;justify-content:end;padding-left:1rem;padding-right:1rem;.vertical-timeline-element-date{opacity:1;max-width:84%}.vertical-timeline-element-content-arrow{display:none}.vertical-timeline-element-text-container{font-style:normal;line-height:normal;display:flex;flex-direction:column;justify-content:flex-start;padding-left:1rem;padding-right:1rem;gap:2rem;color:hsl(var(--text-color));.title{font-family:Gotham Rounded;font-size:clamp(1.2rem,3rem + 1vw,3.2rem);font-weight:600}.subtitle{font-family:Fira Mono;font-size:clamp(1.6rem,2rem + 1vw,1.8rem);font-weight:450}}img{max-width:clamp(20rem,14rem + 2dvw,30rem)}@media (max-width: 1169px){flex-direction:column;.vertical-timeline-element-date{.vertical-timeline-element-text-container{max-width:clamp(40rem,50rem + 12dvw,48rem)}}img{max-width:clamp(10rem,8rem + 2dvw,20rem)}}}}.vertical-timeline-element:nth-child(2n){.vertical-timeline-element-content{justify-content:flex-start}}.vertical-timeline-element:nth-child(odd){.vertical-timeline-element-content{justify-content:flex-end}}.vertical-timeline-element:nth-child(2){.vertical-timeline-element-content{.vertical-timeline-element-date{max-width:80%}}}.vertical-timeline-element:nth-child(3){.vertical-timeline-element-content{.vertical-timeline-element-date{max-width:90%}}}.vertical-timeline-element:nth-child(4){.vertical-timeline-element-content{.vertical-timeline-element-date{max-width:86%}}}.vertical-timeline-element:nth-child(5){.vertical-timeline-element-content{.vertical-timeline-element-date{max-width:86%}}}@media (max-width: 1169px){&:before{top:7.6%;height:79%}}@media (min-width: 481px) and (max-width: 768px){gap:3rem 0;&:before{top:10%;height:75%}.vertical-timeline-element{.vertical-timeline-element-content{padding-left:0;.vertical-timeline-element-date{min-width:100%}.vertical-timeline-element-text-container{.title{font-family:Gotham Rounded;font-size:clamp(1.2rem,2rem + 1vw,2.2rem);font-weight:600}.description{font-family:Fira Mono;font-size:clamp(.7rem,.9rem + 1vw,1.4rem);font-weight:450;padding:0}}}}}@media (min-width: 0px) and (max-width: 480px){gap:1rem 0;width:100%;margin:0 -20px;&:before{top:11%;height:74%}.vertical-timeline-element{.vertical-timeline-element-content{padding-left:0;.vertical-timeline-element-date{min-width:110%}.vertical-timeline-element-text-container{.title{font-size:clamp(1.2rem,2rem + 1vw,2.2rem)}.description{font-size:clamp(.7rem,.9rem + 1vw,1.4rem);padding:0}}}}}@media (min-width: 481px) and (max-width: 602px){&:before{top:10%;height:74%}}@media (min-width: 331px) and (max-width: 351px){width:100%;margin:0 -30px;&:before{top:10%;height:72.5%}}@media (min-width: 295px) and (max-width: 331px){&:before{top:10%;height:72%}}@media (min-width: 0px) and (max-width: 294px){&:before{top:11%;height:72%}}}.mobile-timeline-wrapper{display:flex;flex-direction:column;gap:2rem}.mobile-timeline-item{display:flex;flex-direction:column;align-items:center;&:first-child{margin-top:-2rem}}.mobile-timeline-line{width:3px}.mobile-timeline-images-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem 0;margin-top:3rem;margin-bottom:3rem}.mobile-timeline-itemImage-container{display:flex;flex-direction:column;align-items:center}.mobile-timeline-itemImage-container img{-o-object-fit:cover;object-fit:cover;max-width:16rem}.mobile-timeline-text-container{display:flex;text-align:center;flex-direction:column;align-items:center;gap:8px;font-style:normal;line-height:normal;color:#f0f1f1}.mobile-timeline-title{font-family:Gotham Rounded;font-weight:500;font-size:clamp(1.2rem,3rem + 1vw,3.2rem);margin-bottom:2rem}.mobile-timeline-subtitle span{text-align:center;font-family:Fira Mono;font-size:clamp(1.6rem,2rem + 1vw,1.8rem);font-weight:400;opacity:0;transition:opacity .9s ease}.mobile-timeline-subtitle-visible span{opacity:1}.projectTimeline-container{position:relative;display:flex;flex-direction:column;align-items:center;height:16rem;width:44vw}.projectTimeline-titles{position:absolute;top:0;display:flex;justify-content:space-around;width:100%;align-items:flex-end;padding-bottom:4%;height:50%}.projectTimeline-title-container{display:flex;justify-content:space-around;width:40%}.projectTimeline-title{text-align:center;font-family:Fira Mono;font-size:clamp(1rem,1.5vw,2.4rem);font-style:normal;font-weight:400;line-height:normal}.projectTimeline-descriptions{position:absolute;bottom:0;display:flex;justify-content:space-around;width:100%;padding-top:4%;height:50%}.projectTimeline-description-container{display:flex;justify-content:center;width:40%}.projectTimeline-description{text-align:center;font-family:Gotham Rounded;font-size:clamp(1rem,1.5vw + .3rem,1.5rem);font-style:normal;font-weight:400;line-height:normal}.projectTimeline-line{display:flex;position:relative;align-items:center;justify-content:center;height:100%;width:100%}.projectTimeline-line:after{content:"";position:absolute;bottom:10;left:24%;width:22px;height:22px;background-color:#b5d7d8;border-radius:50%}.projectTimeline-line:before{content:"";position:absolute;bottom:10;left:75%;width:22px;height:22px;background-color:#3e7779;border-radius:50%}@media (min-width: 768px) and (max-width: 1024px){.projectTimeline-container{height:22rem;width:66vw}}@media (min-width: 1024px) and (max-width: 1280px){.projectTimeline-container{width:52vw}}div#servicesTimeline{margin-bottom:6rem;padding:var(--v-gap) var(--h-gap);div.vertical-timeline.vertical-timeline--animate.vertical-timeline--two-columns{.vertical-timeline-element{.vertical-timeline-element-content{.vertical-timeline-element-text-container{.subtitle{text-align:left}}.vertical-timeline-element-date{max-width:90%}}}gap:5rem 0;width:100%;&:before{top:14%;height:67%}@media (max-width: 1169px){gap:3rem 0;width:100%;&:before{top:12.6%;height:63%}}@media (max-width: 830px){&:before{top:12.6%;height:64%}}@media (max-width: 787px){&:before{top:12.6%;height:65%}}}div.mobile-timeline-wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem}div.mobile-timeline-item{display:flex;flex-direction:column;justify-content:center;gap:2rem;max-width:75dvw}}:root{--gradient: linear-gradient(to top right, #105859, #103738);--background: 192, 13%, 8%;--foreground: 0 0% 100%;--hover: 181, 69%, 47%;--muted: 192 6.8999999999999995% 92.1%;--muted-foreground: 192 3.4499999999999997% 42.1%;--popover: 192 61.02% 100%;--popover-foreground: 192 6.8999999999999995% 1.05%;--card: 192 61.02% 100%;--card-foreground: 192 6.8999999999999995% 1.05%;--border: 192 11.899999999999999% 89.84%;--input: 192 11.899999999999999% 89.84%;--primary: 180 64% 30%;--primary-foreground: 192 1.38% 92.1%;--secondary: 192 3.4499999999999997% 73.14%;--secondary-foreground: 192 5.14% 12.1%;--accent: 192 3.4499999999999997% 73.14%;--accent-foreground: 192 5.14% 12.1%;--destructive: 0 90.6% 70.8%;--destructive-foreground: 0 0% 98%;--text-color: 182 3% 94%;--ring: 192 69% 21%;--radius: .5rem;--b1: .253267 .015896 252.417568;--b2: .232607 .013807 253.100675;--b3: .211484 .01165 254.087939;--bc: .746477 .0216 264.435964;--line-color: linear-gradient( 0deg, rgba(16, 88, 89, 1) 0%, rgba(229, 248, 248, 1) 100% );--background-image: url(/_astro/fondoMain.xYhJl5aa.webp);--green-card-bg: url(/_astro/greenCard.BP8y1ju6.webp);--team-card-bg: url(/_astro/teamCard.y71dd-VQ.webp);--dot1: hsl(180 7% 97%);--dot2: hsl(181 15% 75%);--dot3: hsl(180 27% 56%);--dot4: hsl(181 46% 35%);--dot5: hsl(180 35% 26%);--dotServices1: hsl(180, 58%, 94%);--dotServices2: hsl(180, 21%, 56%);--dotServices3: hsl(180, 34%, 27%);--v-gap: 8rem;--h-gap: 28rem;--h-link-gap: 4rem;--bp-xs: 480px;--bp-sm: 767px;--bp-md: 1024px;--bp-lg: 1280px;--bp-xl: 1440px;--celeste: hsl(179, 50%, 62%);--pillBackground: linear-gradient(180deg, #105859 .5%, #103738 100%);--skeletonBackground: hsla(202, 44%, 66%, .349)}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 180 64% 30%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);transform:translate(0)}}
