.servicesPage{width:100%;display:flex;flex-direction:column;gap:var(--gap)}.servicesPage section{padding:0 5%}.servicesPage .hero{position:relative;display:flex;align-items:center;height:100vh;background-color:var(--primary);padding:10rem 5%}.servicesPage .hero .title{width:80%;position:relative;color:var(--color-white)}.servicesPage .hero .title h1{width:80%;font-size:8vmin;line-height:1.2;font-weight:400}.servicesPage .hero .title h1 span{color:var(--secondary)}.servicesPage section{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--gap)}.servicesPage section .service{display:flex;flex-direction:column;gap:1.5rem;width:55%}.servicesPage section .service .title{width:100%;display:flex;align-items:center;justify-content:flex-start}.servicesPage section .service .title .image{height:4rem;margin-right:1rem}.servicesPage section .service .title .image img{height:100%;width:auto}.servicesPage section .service .title h2{font-size:2rem;font-weight:500;line-height:1.2;color:var(--primary)}.servicesPage section .service .container{width:100%;display:flex;gap:1rem}.servicesPage section .service .container p{width:100%}.servicesPage section .service .container p span{font-weight:800}.servicesPage section .service .bubbles{width:100%;display:flex;gap:1rem;flex-wrap:wrap}.servicesPage section .service .bubbles .bubble{background-color:var(--color-white);display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;line-height:1.2;border-radius:8px;font-size:.85rem;width:-moz-fit-content;width:fit-content;text-align:center;box-shadow:6px 6px 6px 0 #d6d6d6}.servicesPage section .service .serviceLink{color:var(--color-black);display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.servicesPage section .service .serviceLink span{padding:.35rem;border-radius:50%;background-color:var(--primary);display:flex;align-items:center;justify-content:center;margin-right:.5rem;transition:all .3s ease}.servicesPage section .service .serviceLink span svg{font-size:.9rem;color:var(--color-white)}.servicesPage section .service .serviceLink:hover span{background-color:var(--quaternary)}.servicesPage section .service:nth-child(2n){align-self:flex-end}.servicesPage section .service:nth-child(2n) .title{justify-content:flex-end}.servicesPage section .service:nth-child(2n) .container{justify-content:flex-end;text-align:end}.servicesPage section .service:nth-child(2n) .bubbles{justify-content:flex-end}.servicesPage section .service:nth-child(2n) .serviceLink{align-self:flex-end}.servicesPage .process{width:100%;display:flex;flex-direction:column;gap:2rem}.servicesPage .process .container{width:100%;display:flex;flex-direction:column;gap:1rem}.servicesPage .process .container .title{width:100%;display:flex;align-items:center;gap:1rem}.servicesPage .process .container .title .number{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;height:3rem;background-color:blue;color:#fff;border-radius:50%}.servicesPage .process .container .title .number p{font-weight:600}.servicesPage .process .container:nth-child(odd) .title .number{background-color:orange}.servicesPage .servicePackages{width:100%;display:flex;flex-direction:column;justify-content:center;gap:2rem}.servicesPage .servicePackages h1{text-align:center}.servicesPage .stack{width:100%;display:flex;flex-direction:column;gap:var(--gap);padding:2rem 0}.servicesPage .stack .stackContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:var(--quaternary);color:var(--color-white);padding:4rem 0;min-height:20rem}.servicesPage .stack .stackContainer h1{font-size:8vmin;font-weight:500;line-height:1.2;margin-bottom:1rem}.servicesPage .stack .stackContainer p{width:65%;margin:0 auto}.servicesPage .stack .icons{width:60%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);align-self:center;justify-items:center;gap:var(--gap)}.servicesPage .stack .icons .icon{height:3rem}.servicesPage .stack .icons .icon img{height:100%;width:auto}.servicesPage .stack .more{display:flex;justify-content:center;font-size:1rem}@media screen and (max-width:1000px){.servicesPage .hero .title h1{width:90%}.servicesPage section .service{width:65%}}@media screen and (max-width:800px){.servicesPage .hero .title h1{width:100%}.servicesPage section .service{width:80%}.servicesPage .stack .container p{width:90%}}@media screen and (max-width:600px){.servicesPage .hero .title{width:100%}.servicesPage .hero .title h1{font-size:5vmax}.servicesPage section{gap:3rem}.servicesPage section .service{width:100%}.servicesPage section .service:nth-child(2n){align-self:flex-start}.servicesPage section .service:nth-child(2n) .title{justify-content:flex-start}.servicesPage section .service:nth-child(2n) .container{justify-content:flex-start;text-align:start}.servicesPage section .service:nth-child(2n) .bubbles{justify-content:flex-start}.servicesPage section .service:nth-child(2n) .serviceLink{align-self:flex-start}.servicesPage .stack .container h1{font-size:5vmin}.servicesPage .stack .container p{width:100%}.servicesPage .stack .icons{width:100%;gap:3rem}}.contact{display:flex;align-items:center;justify-content:center;padding:4rem 0;gap:var(--gap)}.contact .title{display:flex;flex-direction:column}.contact .title h1{font-size:3rem;line-height:1.2;font-weight:500}.contact .title a,.contact .title h1 span{color:var(--primary)}.contact .title a{position:relative;width:-moz-fit-content;width:fit-content;font-weight:500;font-size:3rem;margin-top:1rem;display:flex;align-items:center;line-height:1;padding-bottom:.5rem}.contact .title a svg{font-size:1rem;margin-right:.75rem;color:var(--secondary)}.contact .title a:after{content:"";position:absolute;width:100%;height:.15rem;border-radius:1rem;background-color:var(--secondary);left:0;bottom:0;transform:scaleX(0);transform-origin:0 100%;transition:.3s ease}.contact .title a:hover:after{transform:scale(1)}.contact form{display:flex;flex-direction:column;width:100%;max-width:30rem;gap:2rem}.contact form button{background-color:var(--primary);color:var(--color-white);padding:1.15rem 2.5rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;width:-moz-fit-content;width:fit-content;transition:all .4s ease;font:inherit}.contact form button:hover{background-color:var(--tertiary)}.inputField{flex:1;position:relative;margin:0 0 5px}.inputField .inputField-input{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.5rem;outline:none;font-size:.85rem;border-radius:0;background:linear-gradient(90deg,var(--primary),var(--primary)) 0 100%/0 2px no-repeat,linear-gradient(90deg,#ccc,#ccc) 0 100%/100% 2px no-repeat;transition:background-size .4s ease}.inputField .inputField-error{color:red;display:none;font-size:.75rem;margin-top:.25rem;letter-spacing:1px}input:invalid[focused=true]~.inputField-error,textarea:invalid[focused=true]~.inputField-error{display:block}.inputField input:focus,.inputField textarea:focus{background-size:100% 2px,100% 2px,100%}textarea{resize:none;font-size:.85rem!important}textarea::-moz-placeholder{font-size:.85rem!important}textarea::placeholder{font-size:.85rem!important}@media screen and (max-width:900px){.contact{flex-direction:column}.contact .title{text-align:center}.contact form button{align-self:center}}