.page-services{background-color:var(--gray-700);background-image:url(https://assets.nodesource.com/website/bg-hex-pattern.png);background-size:3.125em}.services-hero{background-image:url(https://assets.nodesource.com/website/services/background-texture-node-js-support.png),url(https://imagedelivery.net/_VBqpS8WC_j67-ZlmCm5Ow/55d34a46-ec05-4f56-256c-62156de09400/public),linear-gradient(transparent,var(--gray-400));height:600px;background-repeat:no-repeat;background-size:cover;overflow:inherit}.services-hero:after{background-image:linear-gradient(to bottom,rgba(32,37,37,0),var(--gray-700));content:"";position:absolute;bottom:0;width:100%;height:100%}.services-hero .content-container>div{display:flex}.services-hero .container-info{flex-direction:column;display:flex;gap:20px}.services-hero .container-info span{font-size:60.3px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.09;letter-spacing:-.5px;text-align:left;color:var(--gray-10)}.services-hero .container-info p:first-of-type{font-size:46.4px;line-height:1.1}.services-hero .container-info p{font-size:35.7px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:-.5px;text-align:left;color:var(--gray-10);max-width:1000px}.services-hero .container-text{display:flex;align-items:center;animation:fadeIn 1s ease-in both}.services-hero .container-text:before{content:"";height:1px;flex-grow:1;background-image:linear-gradient(90deg,#fff 0,hsla(0,0%,85%,0))}.services-hero .container-text:after{content:"";height:1px;flex-grow:1;background-image:linear-gradient(270deg,#fff 0,hsla(0,0%,85%,0))}.services-hero>div:first-of-type{height:100%;background:linear-gradient(transparent,transparent,var(--gray-400))}.services-hero .content-container h1{letter-spacing:normal;text-align:left;color:var(--gray-10);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:400;margin:40px 10px}.node-content{padding-bottom:150px}.node-services{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:40px}.node-services div{cursor:pointer}.node-services div.active{border-bottom:2px solid var(--green-300);padding-bottom:8px}.node-services div.active span{font-weight:600}.node-services div.active span.bold-services{color:var(--green-300)}.container-image{width:35%}.hero-image{position:absolute;top:21px;left:0}.node-services span{font-size:46.4px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.1;letter-spacing:-.5px;text-align:center;color:var(--gray-10)}.node-services span.bold-services{font-weight:600;color:var(--green-100)}.description-services{font-size:30.4px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.18;letter-spacing:-.5px;text-align:left;color:var(--gray-10)}.info-services{display:flex;margin-top:40px;gap:30px}.info-services p{font-size:18px;font-weight:400;line-height:1.5;letter-spacing:normal;color:var(--gray-10)}.info-services p,.info-services span{font-stretch:normal;font-style:normal;text-align:left}.info-services span{font-size:35.7px;font-weight:600;line-height:1.2;letter-spacing:-.5px;color:var(--blue-200)}.testimony-services{-webkit-clip-path:polygon(100% 0,100% 0,100% 85%,0 100%,0 12%)!important;clip-path:polygon(100% 0,100% 0,100% 85%,0 100%,0 12%)!important;padding:50px 0}.container-services{display:none}.active{display:block}@media screen and (max-width:800px){.services-hero .container-text:after,.services-hero .container-text:before{height:0}.services-hero{height:100%;padding-bottom:20px}.container-image,.hero-image{display:none!important}.services-hero .container-info span{font-size:2.9em;text-align:center}.services-hero .container-info p{font-size:1.616em!important;text-align:center}.info-services,.node-services{flex-direction:column}.description-services,.info-services span{font-size:20px}.node-services span{font-size:30px}.node-services div{margin-bottom:20px}}@media screen and (min-width:801px) and (max-width:1000px){.info-services,.node-services{flex-direction:column}.services-hero{height:100%;padding-bottom:60px}.container-image,.hero-image{display:none!important}.services-hero .container-info span{font-size:40px;text-align:center}.services-hero .container-info p{font-size:30px!important;text-align:center}}@media screen and (min-width:1001px) and (max-width:1280px){.hero-image{left:0}.services-hero{height:100%;padding-bottom:30px}.services-hero .container-info p{font-size:35px!important;max-width:700px}}